zoukankan      html  css  js  c++  java
  • AngularJS方法 —— angular.bootstrap

    描述:
      此方法用于手动加载angularjs模板
      (官方翻译:注意基于端到端的测试不能使用此功能来引导手动加载,他们必须使用ngapp。 angularjs会检测这个模板是否被浏览器加载或者加载多次并且在控制台给出警告在加载其他模块的时候,这防止了奇怪的结果,在实际应用中,angularjs在尝试其它的多个  实例来研究DOM)。

    使用方法:

      angular.bootstrap(element, [modules], [config]);

     

    参数:

    参数名称参数类型描述
    element DOMElement DOM元素
    modules Array 要加载的模板
    config Object 配置选项的对象。

    返回值:

      返回这个应用程序的新创建的injector 对象。

     

    实例:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
            <title></title>
            <script src="js/angular.min.js"></script>       
        </head>
        <body>
            <div ng-controller="WelcomeController">
               <span ng-bind="greeting"></span>
            </div>
            <script type="text/javascript">
                var app = angular.module('demo', []).controller('WelcomeController', function ($scope) {
                    $scope.greeting = 'Welcome!';
                });
                angular.bootstrap(document, ['demo']);
            </script>
        </body>
    </html>

    等同于:

     

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
            <title></title>
            <script src="js/angular.min.js"></script>       
        </head>
        <body ngApp="myApp">
            <div ng-controller="WelcomeController">
               <span ng-bind="greeting"></span>
            </div>
            <script type="text/javascript">
                var app = angular.module('myApp', []).controller('WelcomeController', function ($scope) {
                    $scope.greeting = 'Welcome!';
                });
                //angular.bootstrap(document, ['demo']);
            </script>
        </body>
    </html>

  • 相关阅读:
    【文言文】从高考到程序员
    lambda方法引用总结——烧脑吃透
    秒杀苹果carplay baidu车联网API冷艳北京车展
    东君误妾我怜卿(一)
    百度快照投诉技巧案例分析百度快照就是这样刷出来的
    新浪博客是否可以放谷歌广告?如何添加
    与葡萄酒的亲密接触-选购技巧篇
    车联网高速公路智能交通解决方案
    物联网细分领域-车联网(OBD)市场分析
    APP开发选择什么框架好? 请看这里!
  • 原文地址:https://www.cnblogs.com/zhuxiaoge/p/6202149.html
Copyright © 2011-2022 走看看