angular - 将文本绑定到标签角 4

Question

我是有棱角的婴儿。我想更新我的标签文本。这就是我尝试的方式。

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

我的 ts ： labelText: any='Month'; 我遇到了错误

错误：模板解析错误：无法绑定到“文本”，因为它不是“标签”的已知属性。

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

score 4 · Accepted Answer

由于text属性（Input绑定）在Label组件内部不可用，因此您不能使用它。Angular 也有同样的抱怨。实际上，您应该将label文本放在Label元素内。

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

score 1 · Accepted Answer

此错误意味着标签text上不存在任何属性。Label

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

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

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

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

score 0 · Accepted Answer

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

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

此外，它抱怨“文本”不是 Label 元素的属性。你的意思是使用离子标签吗？

score 0 · Accepted Answer

请试试这个

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

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

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

4 回答 4