javascript - ng-html-bind 用于包含复选框的标签

Question

我有以下 View 。它是复选框的标准 Bootstrap ，其中输入位于标签内

<div class="checkbox">
    <label ng-bind-html="vm.trustedHtml">
        <input  type="checkbox" ng-model="vm.isAcknowledged">
    </label>
</div>

我需要在标签上绑定(bind)包含html的trustedHtml属性。但是这个指令完全替换了标签的内容，包括输入。我该如何避免它？我看到的唯一选择是更改html并移动输入超出标签，但我不喜欢它。

Answer 1

不，ng-bind-html does not have类似“插入位置”之类的内容。这真的很简单。

1. 添加嵌套<span>并输入 ng-bind-html就在上面
2. 包括<input>进入vm.trustedHtml
3. 请勿使用ng-bind-html如果您知道所有可能的变化，但变化并不多:只需用适当的 ng-if 描述所有选项即可