将 AngularJS 数组传递给降级的 Angular 7 组件

Question

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

角度控制器中的输入声明

@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 组件/模板？

Answer 1

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

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

当使用降级组件时，你会使用新旧语法的奇怪混合 - 烤肉串大小写来自angularjs，括号来自angular。