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>

  • 相关阅读:
    父类与子类之间的调用顺序
    ROW_NUMBER() OVER函数的基本用法用法
    String类
    代码块
    权限修饰符
    内部类
    final&static
    面向对象思想
    oracle存储过程常用技巧
    ORACLE EXECUTE IMMEDIATE 用法
  • 原文地址:https://www.cnblogs.com/zhuxiaoge/p/6202149.html
Copyright © 2011-2022 走看看