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

ng-html-bind for label that contains checkbox

我有以下 view.It 的复选框标准 bootstrap,其中输入位于标签内

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

我需要绑定我的 trustedHtml 属性,它包含 html,在 label.But 这个指令完全替换标签的内容,包括 input.How 我可以避免它?我看到的唯一选择是更改 html 并将输入移出标签,但我不喜欢它。

不,ng-bind-html does not have 任何 "place to insert"。真的很简单。

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