嘿！@野兽，你的ng api 掉了 - - angular.bootstrap

标签：

@野兽的 ng api 学习 -- angular.bootstrap

angular.bootstrap

使用这个功能来手动启动angular应用。基于ngScenario的端对端测试不能使用bootstrap手动启动，需要使用ngApp.

Angular会检测应用在浏览器是否已启动并且只允许第一次的启动，随后的每次启动都将会导致浏览器控制台报错.

这可以防止应用出现多个Angular实例尝试在Dom上运行的一些奇异结果.

格式：angular.bootstrap(element,[nodules]);

element：Dom元素，angular应用启动的根节点

modules：数组，angular应用的依赖模块

使用代码：

  <div id="ngApp" ng-controller="demoCtrl">

         {{value}}

   </div>

   <script>

        angular.module("demo", []).controller("demoCtrl", ["$scope", function ($scope) {

            $scope.value = "Hello World";

        }]);

        angular.bootstrap(document.getElementById("ngApp"), ["demo"]);//div内显示“Hello World”

   </script>

官方简介也翻译了，使用代码也贴了，下面写写@野兽自己对angular.bootstrap的理解了

可能对ng的接触时间不长，认识不够深，对于angular.bootstrap感觉也没什么可以多说的，angular.bootstrap用于手动启动Angular应用程序。

一般来说，我们写ng程序，都会在页面Dom元素上写ngApp指令用来启动Angular程序，但是也可能出现一些特殊情况需要我们在启动之前干些什么或者需要我们手动启动应用程序，这时候angular.bootstrap就派的上用场了。

解释下参数吧：

第一个参数element，指的是Angular应用程序需要以哪个Dom节点为根部启动，上面的代码，@野兽给了个id为ngApp的div，并且以他为根部启动了应用；

第二个参数[modules]是应用程序所依赖的模块的名称，是个里面元素类型为string的数组，它告诉angular这个程序需要依赖哪些模块才能正常运行；

好了，今天就先扯这么多...明天继续，上周翻译了20几个api都慢慢写上来，也需要晚上留点时间继续翻译和学习后面的api。

嘿！@野兽，你的ng api 掉了 - - angular.bootstrap

标签：

原文地址：http://www.cnblogs.com/ys-ys/p/4912172.html