在AngularJS中包含HTML的绑定控制器属性

首先：我绝对是AngularJS的新手，但是使用其他语言的MVC项目。在AngularJS中包含HTML的绑定控制器属性

我尝试绑定一个包含HTML的Property。

这是代码：

HTML：

<div ng-controller="MyController"> 
<p>{{About}}</p> 
</div>

JS：

.controller('MyController', ['$scope', function($scope) { 
$scope.About="This is me<br/>and not you!" 
}

现在的HTML编码，我不想（在<br/>应导致换行符）

我已经尝试过<p ng-bind-html="About"></p>但是导致根本没有输出

来源

2014-10-17 Ole Albers

你需要让HTML文本中的默认情况下它角没有。

Plunker：http://plnkr.co/edit/K4KRCQi4Rpe99MJel5J2?p=preview

Angular Docs for $sce

严格语境逃逸（SCE）为其中AngularJS要求在某些情况下绑定，从而得到以被标记为安全使用一个值的模式该背景。这种上下文的一个例子是绑定用户通过ng-bind-html控制的任意html。我们将这些上下文称为作为特权或SCE上下文。

<div ng-controller="htmlChar" ng-bind-html="about"></div> 

<script> 

    angular.module("app",[]) 
    .controller("htmlChar",function($scope, $sce){ 
    $scope.about= $sce.trustAsHtml("This is me<br/>and not you!"); 
    }); 

    angular.bootstrap(document,["app"]); 

</script>

来源

2014-10-17 15:51:12 mccainz