Синтаксис для передачи данных в угловую директиву

У меня есть директива в проекте 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 поля?

Cheatsheat упоминает этот пример: <p *myUnless="myExpression">...</p>, но не указывает, что myExpression часть должна выглядеть так.

Это те, которые я уже пробовал, но ни один из них не компилируется.

<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>

Любая идея, как эти выражения должны быть структурированы?

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>

затем после этого значения добавляются для других входов.

Другие вопросы по тегам