首页 > 代码库 > 在AngularJS中同一个页面配置一个或者多个ng-app
在AngularJS中同一个页面配置一个或者多个ng-app
在AngularJS学习中，对于ng-app初始化一个AngularJS程序属性的使用需要注意，在一个页面中AngularJS自动加载第一个ng-app，其他ng-app会忽略，
如果需要加载其他ng-app程序，需要手动添加初始化过程。
手动初始化其他ng-app的javaScript代码 angular.bootstrap(document.getElementById("id"),[‘id‘]);
<div ng-app="myApp" ng-controller="myCtrl"> <input type="text" ng-model="first"/> <input type="text" ng-model="last"/> <br/> 姓名：{{ first + " " + last}}</div><div id="userForm" ng-app="userForm" ng-controller="userController"> <input type="text" ng-model="username"/><br/> <input type="text" ng-model="password"/><br/> 用户名：{{username}}<br/> 密码： {{password}}</div>
<script type="text/javascript"> var app = angular.module("myApp",[]); app.controller("myCtrl",function($scope){ $scope.first = "test"; $scope.last = "test"; }); var userApp = angular.module("userForm",[]); userApp.controller("userController",function($scope){ $scope.username = "test"; $scope.password = "test"; }); angular.bootstrap(document.getElementById("userForm"),[‘userForm‘]);</script>
在AngularJS中同一个页面配置一个或者多个ng-app
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。