将文本绑定到标签角4

Question

我是幼稚的角色。我想更新我的标签文字。这就是我尝试的方式。

我的HTML：     <Label class="ad-label" text="{{ labelText }}" textWrap="true"></Label>

我的意见：     labelText: any='Month'; 我遇到错误

  

错误：模板解析错误：   无法绑定到'text'，因为它不是'Label'的已知属性。

当我使用<a class="ad-label" text="{{ labelText }}" textWrap="true"></a>代替标签时，使用labelText: any='Month';更新标签文字如何更新标签文字？

Answer 1

由于text组件中没有Input属性（Label绑定），因此您无法使用它。 Angular抱怨同样的事情。实际上，您应该将label文本放在Label元素中。

<Label class="ad-label" textWrap="true">
   {{labelText}}
</Label>

Answer 2

此错误表示text标记上不存在Label属性。

这就像在idv上使用SVG（<svg viewBox="0 0 100 100"></svg>）中的视图框属性一样：它不存在。

我不知道Label是什么，所以我认为它是框架或库的一部分。试试这个

<Label class="ad-label" textWrap="true">{{ labelText }}</Label>

或者查看框架/库的文档，了解如何将文本添加到标签中。

Answer 3

如果您尝试将属性绑定到.ts文件中的变量，则需要使用[square]括号。像这样：

<Label [text]="labelText"></Label>

此外，它还在抱怨“＆＃39; text＆＃39;不是Label元素的属性。你的意思是使用离子标签吗？

Answer 4

请试试这个

labelText: any='Month'; change to labelText='Month'; in your ts file

或者您可以使用ngModel进行双向绑定

<Label class="ad-label"  [(ngModel)]="labelText" textWrap="true"></Label>