<div ng-app=""> <p>姓名：<input type="text" ng-model="name" placeholder="请输入姓名" /></p> <p> {{name}} </p> </div> <div ng-app=""> <p>年龄：<input type="text" ng-model="age" placeholder="请输入年龄" /></p> <p> {{age}} </p> </div>
结果如下：
<div ng-app="name"> <p>姓名：<input type="text" ng-model="name" placeholder="请输入姓名" /></p> <p> {{name}} </p> </div> <div ng-app="age"> <p>年龄：<input type="text" ng-model="age" placeholder="请输入年龄" /></p> <p> {{age}} </p> </div>
结果如下：
<div ng-app="name"> <p>姓名：<input type="text" ng-model="name" placeholder="请输入姓名" /></p> <p> {{name}} </p> </div> <div id="A2" ng-app="age"> <p>年龄：<input type="text" ng-model="age" placeholder="请输入年龄" /></p> <p> {{age}} </p> </div> <script type="text/javascript"> var app1 = angular.module("name",[]); var app2 = angular.module("age",[]); //手动加载模块 var ageDom = document.getElementById(‘A2‘); angular.bootstrap(ageDom, [‘age‘]); </script>
<div ng-app="name" ng-init="name=‘hello‘"> <p>姓名：<input type="text" ng-model="name" placeholder="请输入姓名" /></p> <p> {{name}} </p> </div> <div id="A2" ng-app="age" > <p>年龄：<input type="text" ng-model="age" placeholder="请输入年龄" /></p> <p ng-bind="age"> </p> </div> <script type="text/javascript"> var app1 = angular.module("name",[]); var app2 = angular.module("age",[]); //手动加载模块 var ageDom = document.getElementById(‘A2‘); angular.bootstrap(ageDom, [‘age‘]); </script>
原文：http://www.cnblogs.com/daydayupyxq/p/5372412.html