Javascript 如何在angular v1.2中绑定html_Javascript_Html_Angularjs

Javascript 如何在angular v1.2中绑定html

javascript html angularjs

Javascript 如何在angular v1.2中绑定html,javascript,html,angularjs,Javascript,Html,Angularjs,我试图用angularJS写一个博客，在PostMessage部分，我想从json获取消息，并将其添加到像这样的内容div中 <div class="content"> {{json.message}} </div> {{json.message} 现在我的div中有一个段落，它实际上是这样的html代码 <p>this is my message</p> 这是我的留言但是当我这样做的时候，我在屏幕上看到这是我的留言作为文本

我试图用angularJS写一个博客，在PostMessage部分，我想从json获取消息，并将其添加到像这样的内容div中

<div class="content">
    {{json.message}}
</div>


{{json.message}

现在我的div中有一个段落，它实际上是这样的html代码

<p>this is my message</p>

这是我的留言

但是当我这样做的时候，我在屏幕上看到

这是我的留言

作为文本。我知道在以前的版本中我可以使用ng bind html，但我使用的是angularJS的v1.2。有人能给我看一下类似于ng bind html的代码吗？这样我就可以在v1.2中使用它了？

谢谢你，丹尼尔

您需要注入并使用服务将其标记为受信任的HTML，然后使用指令（）：

app.js：

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, $sce) {
  $scope.name = $sce.trustAsHtml('<p>Hello World</p>');
});

var-app=angular.module（'plunker'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope，$sce）{
$scope.name=$sce.trustAsHtml（“helloworld”）；
});

index.html：

<body ng-controller="MainCtrl">
    <div class="content" ng-bind-html="name"></div>
</body>

您可以在1.2中使用（

$sce

）

控制器：

function myCtrl($scope,$sce) {
    $scope.myHtml = $sce.trustAsHtml('<span>Hello World!</span>');
}

函数myCtrl（$scope，$sce）{
$scope.myHtml=$sce.trustAsHtml（'Hello World！'）；
}

模板：

<div ng-app ng-controller="myCtrl">
    <div ng-bind-html="myHtml"></div>
</div>

示例：

我会被诅咒的，bing被用作动词。也许你的意思是绑定？非常感谢，这很有效！也谢谢你