Angular手动启动应用

Angular App应用的启动方式

• 自动启动
• 手动启动的原理及注意

1、angular的启动是默认检测dom元素是否ng-app属性，如果有ng-app属性，则立即执行angular.bootstrap()函数自行启动应用，不会去检测下一个ng-app。
2、我们可以通过angular.bootstrap()函数来手动启动应用。

例子：自启动应用

<div ng-app>
        <input type="text" placeholder="Hello" ng-model="Hello" />
        <p>{{Hello}},Angular!</p>
    </div>

• 这时候angular检测到ng-app,会自动启动应用。

例子:手动启动应用

<div>
        <input type="text" placeholder="Hello" ng-model="Hello" />
        <p>{{Hello}},Angular!</p>
    </div>

var app = angular.module('myApp',[]); //模块
    //调用bootstrap函数手动启动
    angular.element(document).ready(function() {
        angular.bootstrap(document,['myApp']);
    });