ng-html-bind для метки, которая содержит флажок

Question

У меня есть следующий вид. Это стандартный загрузчик для флажков, где ввод находится внутри метки

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

Мне нужно связать мое свойство trustHtml, содержащее html, с меткой. Но эта директива полностью заменяет содержимое метки, включая ввод. Как я могу избежать этого? Единственный вариант, который я вижу, - это изменение html и перемещение ввода из лейбла, но мне это не нравится.

Answer 1

Нет, ng-bind-html не имеет ничего похожего на "место для вставки". Это действительно просто.

1. добавить вложенный <span> и положи ng-bind-html в теме
2. включают <input> в vm.trustedHtml
3. Не использовать ng-bind-html если вы знаете все возможные варианты и их не так много: просто опишите все варианты с соответствующими ng-if