Angular手动启动应用

前端之家收集整理的这篇文章主要介绍了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']);
    });
原文链接:https://www.f2er.com/angularjs/149468.html

猜你在找的Angularjs相关文章