angularjs 動態顯示內容適用於$modal

本文转载自落叶子查看原文 2016-05-09 0 显示/ angular/ 动态/ angularjs

1.創建指令

angular.module('app').directive('dynamicElement', ["$compile", function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, elm, attrs) {
            $compile(elm.contents())(scope);
        }
    }
}]);

2.使用方法

<div dynamic-element>
        <div id="roleContainer">
                 測試下
         </div>
</div>

上面的代碼是在$modal彈出的templateUrl頁面中的；

注意！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系我们删除。

AngularJS 不得不了解的服務 $compile 用於動態顯示html內容 angularjs 指令中動態編譯的方法(適用於有異步請求的情況) 內嵌指令無效 angularjs 指令中動態編譯的方法(適用於有異步請求的情況) 內嵌指令無效適用於AngularJs4的圖片剪裁組件 Razor Engine，動態腳本語言，mvc上的語法，適用於文件內容生成，靜態網頁生成等。 vue + element-ui 制作tab切換（適用於單頁切換不同標記顯示不同內容） loadrunner的分析結果圖顯示沒有適用於當前設置的數據 tail 動態顯示文件內容如何動態顯示div 更改div內容 html筆記僅適用於個人