首頁猿問如何使ng-bind-html編譯...

如何使ng-bind-html編譯angularjs代碼

JavaScript Html/CSS AngularJS

紅糖糍粑 2019-07-27 14:13:22

如何使ng-bind-html編譯angularjs代碼我正在使用angularjs 1.2.0-rc.3。我想動態(tài)地將html代碼包含到模板中。為此我在控制器中使用：html = "<div>hello</div>";$scope.unicTabContent = $sce.trustAsHtml(html);在我得到的模板中：<div id="unicTab" ng-bind-html="unicTabContent"></div>它適用于常規(guī)的html代碼。但是當我嘗試放置角度模板時，它沒有被解釋，它只是包含在頁面中。例如，我想包括：<div ng-controller="formCtrl"> <div ng-repeat="item in content" ng-init="init()"> </div></div>非常感謝

查看完整描述

3 回答

月關寶盒

TA貢獻1772條經驗獲得超5個贊

這就是我所做的，不知道它是否是角度方式^{^_TM}，但它的工作原理非常簡單;

.directive('dynamic', function($compile) {
    return {
        restrict: 'A',
        replace: true,
        link: function (scope, element, attrs) {
            scope.$watch(attrs.dynamic, function(html) {
                $compile(element.html(html).contents())(scope);
            });
        }
    };});

所以;

<div id="unicTab" dynamic="unicTabContent"></div>

編輯：我找到了角度方式，它非常簡單。

$templateCache.put('unicTabContent', $sce.trustAsHtml(html));

<div id="unicTab" ng-include="'unicTabContent'"></div>

不需要制作自己的指令或任何東西。但它是一種綁定一次的交易，它不會像自定義指令那樣對你的html做出改變。

反對回復 2019-07-27

3 回答
0 關注
701 瀏覽

關注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

如何使ng-bind-html編譯angularjs代碼

如何使ng-bind-html編譯angularjs代碼

3 回答

相關問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何使ng-bind-html編譯angularjs代碼

如何使ng-bind-html編譯angularjs代碼

3 回答

相關問題推薦

添加回答