angularjs 动态显示内容适用于$modal

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页面中的；

 

转载于:https://www.cnblogs.com/lkd3063601/p/5474369.html