Синтаксис для передачи данных в угловую директиву
У меня есть директива в проекте 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>
затем после этого значения добавляются для других входов.