首页 / ANGULAR / Angularjs[26] - 自定义指令（2）（templateUrl）

Angularjs[26] - 自定义指令（2）（templateUrl）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Angularjs[26] - 自定义指令（2）（templateUrl），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1400字，纯文字阅读大概需要3分钟。

内容图文

  • templateUrl: 加载模板所要使用的 URL。
  • 可以加载当前模板内对应的 text／ng-template script id。
  • 在使用 chrome 浏览器时，“同源策略”会阻止 chorme 从 file:// 中加载模板，并显示一个“ Access-Control-Allow-Origin ”不允许源为 null，可以把项目放在服务器上加载，或者给 chorme 设置一个标志位，命令为：chorme-allow-file-access-from-files。
            <!
            DOCTYPE html
            >
            <
            html 
            lang
            ="en"
            >
            <
            head
            >
            <
            meta 
            charset
            ="UTF-8"
            >
            <
            title
            ></
            title
            >
            </
            head
            >
            <
            body
            >
            <
            div 
            ng-app
            ="myApp"
            >
            <
            script 
            type
            ="text/ng-template"
             id
            ="customTags2"
            >
            <
            div
            >
            
                hello {{name}}
            
            <
            /
            div>
            </
            script
            >
            <
            div 
            ng-controller
            ="firstController"
            >
            <
            custom-tags
            ></
            custom-tags
            >
            <
            custom-tags2
            ></
            custom-tags2
            >
            </
            div
            >
            </
            div
            >
            <
            script 
            type
            ="text/javascript"
             src
            ="../../vendor/angular/angularjs.js"
            ></
            script
            >
            <
            script 
            type
            ="text/javascript"
             src
            ="app/index.js"
            ></
            script
            >
            </
            body
            >
            </
            html
            >
        
            <
            div
            >{{name}}</div>
            var myApp = angular.module(‘myApp‘,[])
.directive(‘customTags‘,function () {
    return{
        restrict: ‘ECAM‘,
        templateUrl:‘tmp/other.html‘,
        replace: true
    }
})
.directive(‘customTags2‘,function () {
    return{
        restrict: ‘ECAM‘,
        templateUrl:‘customTags2‘,
        replace: true
    }
})
.controller(‘firstController‘,[‘$scope‘,function ($scope) {
    $scope.name = ‘Alrale‘;
}]);

技术分享

 

原文：http://www.cnblogs.com/bky-1083/p/6359086.html

内容总结

以上是互联网集市为您收集整理的Angularjs[26] - 自定义指令（2）（templateUrl）全部内容，希望文章能够帮你解决Angularjs[26] - 自定义指令（2）（templateUrl）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1277745.html

来源：【匿名】