angularJS指令模板替换

<html>
<head>
    <meta charset="utf-8"/>
    <title></title>
</head>
<body ng-app="components">
<myelement>
    <h1>哈哈</h1>
</myelement>
</body>
<script src="angular.js"></script>
<script>
    var app= angular.module(‘components‘, []);
    app.directive(‘myelement‘, function() {
        return {
            restrict: ‘AE‘,//自定义属性和Dom节点
            transclude: true,//将自定义指令内部原有的节点保留(这里注意,自定义指令中的内容在模板中必须有父节点)
            scope: {},
            templateUrl:"templates/templateOther.html",
            replace: true//全部替换
        };
    });
</script>
</html>

  

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。