1

我正在将 AngularJS 应用程序转换为 Angular。我目前正在运行一个混合解决方案,其中大多数组件仍然是 AngularJS 组件,并且正在慢慢地将组件重写为 Typescript。我正在尝试降级要在 AngularJS 模板中使用的 Angular 组件,并且该组件接受列表的 @Input。

Angular 控制器中的输入声明

 @Input() inputName: any;

在 AngularJS 模板中:

这个@Input 将是字符串'$ctrl.list'

<downgraded-component input-name="$ctrl.list"></downgraded-component>

这个@Input 将是一个空字符串

<downgraded-component input-name="{{$ctrl.list}}"></downgraded-component>

如何将 AngularJS 组件/模板中的列表传递给 Angular 7 组件/模板?

4

1 回答 1

0

[]将来自表达式的数据传递给角度组件时,您需要包含括号,如下所示;

<downgraded-component [input-name]="$ctrl.list"></downgraded-component>

当使用降级的组件时,你会使用新旧语法的奇怪组合——kebab case 来自 angularjs,括号来自 angular。

于 2019-09-02T13:09:41.640 回答