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

Question

我有以下视图。这是复选框的标准引导程序，其中输入位于标签内

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

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

Answer 1

否，ng-bind-html does not have之类的东西，例如“插入位置”。真的很简单。

1. 添加嵌套的<span>并将ng-bind-html放在其上
2. 将<input>包含到vm.trustedHtml
3. 如果您知道所有可能的变体并且变化不多，请不要使用ng-bind-html：只需使用适当的ng-if描述所有选项