ng-bind-htmlがui-view内で動作しない

Question

私は角度1.4とui.router 0.2.8を持つ角度アプリを開発しています。フォームの検証中にエラーメッセージを出力するためにng-bind-htmlを使用していますが、動作しません。何errors.Howを表示しない

<span ng-bind-html="nameError"></span> 

内部の私のHTMLページに

$scope.nameError = $sce.trustAsHtml("<p class='form-error'>Please enter your full name</p>"); 

私のコントローラで は、私は事前にこの問題と感謝を解決できますか？

Answer 1

あなたはUnd3rTowが述べたり、

$scope.trustFunc = function(nameError){ 
    return $sce.trustAsHtml("<p class='form-error'>Please enter your full name</p>"); 
} 

<span ng-bind-html="trustFunc(nameError)"></span> 

angular.module("app",[]) 
 
.controller("ctrl",function($scope,$sce){ 
 
    
 
$scope.trustFunc = function(nameError){ 
 
return $sce.trustAsHtml("<p class='form-error'>Please enter your full name</p>"); 
 
} 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<span ng-bind-html="trustFunc(nameError)"></span> 
 
</div>

Answer 2

それを変換する関数を作成することができます@のようなフィルタを作成するか、あなたは「ngSanitize」は、アプリケーションで設定していますか？同様に：あなたはこの参照しようとすることができ

var app = angular.module('app', ['ngSanitize']); 
    app.controller('myController', function($scope, $sce) { 
    $scope.nameError = $sce.trustAsHtml("<p class='form-error'> 
Please enter your full name</p>"); 
    }); 

：すべての答えのための

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-sanitize.js"></script>