javascript — передача входного параметра компонента Angular дочернему элементу div для CSS.

Передать входной параметр компонента Angular дочернему элементу div для CSS

Допустим, что свойство @Input () вашего пользовательского компонента имеет вид: @Input () myProp: string;

Так что в HTML вы можете использовать интерполяцию.

 {amp}lt;ion-input placeholder='Label'{amp}gt; {amp}lt;div class=label titletype={{ this.myProp }}{amp}gt; {{title}} {amp}lt;/div{amp}gt; {amp}lt;/ion-input{amp}gt; 

Также, если ваш @Input это объект вместо строки, вы можете оценить его свойство, чтобы определить, какой тип заголовка вы должны показать.

Пример:

@Input () myObj: CustomClass;

HTML

 {amp}lt;ion-input placeholder='Label'{amp}gt; {amp}lt;div class=label titletype={{ this.myObj.myProp === condition ? 'inborder' : 'corner' }}{amp}gt; {{title}} {amp}lt;/div{amp}gt; {amp}lt;/ion-input{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector