码迷,mamicode.com
首页 > 移动开发 > 详细

在AngularJS中同一个页面配置一个或者多个ng-app

时间:2016-10-15 22:15:09      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:

在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

标签:

原文地址:http://www.cnblogs.com/duwenlei/p/5965240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!