我真正的新AngularJS。所以這個問題可能是非常基本的,但我沒有從其他文章得到明確的答案,所以我試圖提出一個新的問題。AngularJS NG綁定,HTML移除所有的腳本標籤
我woundering爲什麼angulars JS NG綁定,HTML去除我想在我的網站上粘貼內容的所有腳本標籤。
我只是從AngularJS文檔網站此代碼示例顯示了用內部Java腳本標籤的簡單綁定,HTML例子嘗試。
(function(angular) {
'use strict';
angular.module('bindHtml', ['ngSanitize'])
.controller('Controller', ['$scope', function($scope) {
$scope.myHTML =
'I am an <code>HTML</code>string with ' +
'<a href="#">links!</a> and other <em>stuff</em>'+
'<script type="javascript">' +
'alert(1);'+
'</script>';
}]);
})(window.angular);
此代碼片段顯示了HTML模板:
<body ng-app="bindHtml">
<div ng-controller="Controller">
<p ng-bind-html="myHTML"></p>
</div>
</body>
但Chrome檢查表明,AngularJS顯然取消了所有的Java腳本沒有警告消息。存在一種方法來繞過這種刪除或我必須重寫所有舊式jQuery和什麼JavaScript到AngularJS? Screenshot from code inspector of Chrome
謝謝
試試這個$ sce.trustAsHtml($ scope.myHTML)。 –
出於好奇,您將javascript內聯腳本注入模板的用例是什麼?爲什麼不在JavaScript中的應用程序邏輯中運行代碼? –
是的,因此不存在一個好問題。該項目仍然是不同的框架,現在JS角也的拼裝....不過謝謝你$ sce.trustAsHtml是正確的軌跡。 –