微客导航 » 文章资讯 » Angular.js初始化之ng-app的自动绑定与手动绑定详解

Angular.js初始化之ng-app的自动绑定与手动绑定详解

2023-09-27 08:20:14 167

前言

众所周知在传统的angularJS应用中，都是通过ng-app把angular应用绑定到某个dom上，这样做会把js代码入侵到html上，angular提供了手动启动的API--angular.bootstrap()。

本文将给大家详细介绍关于Angular.js初始化之ng-app自动与手动绑定的相关内容，分享出来供大家参考学习，下面话不多说，来一起看看详细的介绍。

一、传统的绑定初始化















{{hello}}

varmyModule=angular.module("myApp",[]); myModule.controller("myCtrl",function($scope){ $scope.hello="hello,angular!"; });

二、手动初始化

angular.bootstrap(element,[appName],[config]);

element:绑定ng-app的dom元素
modules：绑定的模块名字
config：附加的配置











{{hello}}

varapp=angular.module("bootstrapTest",[]); app.controller("myCtrl",function($scope){ $scope.hello="hello,angularfrombootstrap"; }); //angular.bootstrap(document.getElementById("body"),['bootstrapTest']); angular.bootstrap(document,['bootstrapTest']);//浏览器加载的每个html都会对应一个document对象，此对象是所有html中dom元素的根节点，也属于dom元素

注意：angular.bootstrap只会绑定第一次加载的对象，后面重复的绑定或者其他对象的绑定，都会在控制台输出错误提示

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对毛票票的支持

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

Angular.js初始化之ng-app的自动绑定与手动绑定详解

热门推荐

随机推荐