将数据传递到 Angular 指令的语法

Question

我在 Angular3 Dart 项目中有一个指令：

@Directive(
    selector: "[sample]",
    inputs: const ["text1", "text2"]
)
class SampleDirective implements AfterContentInit {

    ... more code ...

    @Input("text1") String text1 = "Some Text 1";
    @Input("text2") String text2 = "Some Text 2";

}

现在当我使用这个指令时：

<a-component *sample></a-component>

如何传入 text1 和 text2 字段？

骗子提到了这个例子：<p *myUnless="myExpression">...</p>，但没有说明 myExpression 部分应该是什么样子。

这些是我已经尝试过的，但其中 none 个可以编译。

<a-component *sample="text1:'TESTING' "></a-component>
<a-component *sample="text1='TESTING' "></a-component>
<a-component *sample="{text1:'TESTING'}"></a-component>
<a-component *sample="{text1='TESTING'}"></a-component>

知道这些表达式应该如何构建吗？

Answer 1

@Input("sampleText1") String text1 = "Some Text 1";

或

@Input() String sampleText1 = "Some Text 1";

和

<a-component *sample="text1:'TESTING' "></a-component>

或

<template sample [sampleText1]="'TESTING'">
  <a-component></a-component>
</template>

更新

需要有一个@Input()匹配指令的选择器

@Input() 
String sample;

并且需要传递一个值

<a-component *sample="'someValueForSample' text1:'TESTING' "></a-component>

然后可以添加其他输入的赋值。

将数据传递到 Angular 指令的语法

Syntax for passing data into an Angular Directive

dart

angular-dart

angular