html - Angular 插值的 span 标签绑定(bind)问题

Question

我正在尝试在{{}}内使用 span 标签和条件

<label class="control-label label-floating">{{labelEnglish =='Name'?labelEnglish + '<span style="color:red">*</span>' : labelEnglish}} </label>

如你所见，我想检查 labelEnglish 是否等于 Name 它应该将红星绑定(bind)到它，否则只打印值

我尝试使用 ng-if <span ng-if="labelEnglish == 'Name'" style="color:red">*</span>在跨度内，这就是得到的

我为 Name 分配了一个 labelEnglish 值，以在 Name 输入中显示它，并在所有者输入中显示它，等等 <name name="dName" labelEnglish="Name" labelArabic="الاسم" required CurrentLanguageRequired="true"></name> 在这种情况下我怎么能选择 labelEnglish vlaue 呢？

Answer 1

您不能通过这种方式添加 DOM。

使用ng-if/ng-show

<label class="control-label label-floating">
   {{labelEnglish}}
   <span ng-if="labelEnglish == 'Name'" style="color:red">*</span>         
</label>

Demo