условно доверия HTML от угловой переменной области действия

Question

У меня есть фрагмент кода HTML следующим образом:

<span id="notification"> {{ message }} </span> 

Для того, чтобы связать с HTML, мне нужно сделать следующее:

<span id="notification" ng-bind-html="message"></span> 

В идеале, я хочу чтобы установить флаг, чтобы доверять $ scope.message как html ... Поэтому мои параметры - использовать ng-if с дублирующимся кодом, но это не идеально, потому что я хотел бы, чтобы это было одинаковым идентификатором для обоих элементов сообщения , Я также изучал возможность использования ng-attr, но не верю, что это сработает.

Есть ли способ, которым я могу условно добавить «ng-bind-html» и «ng-bind», чтобы оценить флаг и удалить нежелательный атрибут? Я новичок в angularjs.

Answer 1

Вы можете воспользоваться услугой $sanitize и функцией, которая возвращает либо ваше сообщение, либо возвращает ваше сообщение, завернутое в $sanitize. Тогда вы могли бы просто использовать ng-bind

Пример

<span id="notification" ng-bind="notificationCtrl.getMessage(message, true)"></span>

В контроллере

this.getMessage = function(msg, sanitize) { 
    if (sanitize) return $sanitize(msg) 
    return msg 
}