angular.bootstrap()

最新推荐文章于 2020-12-29 08:12:08 发布

weixin_30544657

最新推荐文章于 2020-12-29 08:12:08 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/tanxiang6690/p/9764638.html

本文详细介绍了AngularJS中如何使用angular.bootstrap方法手动加载模板。该方法接受DOM元素、要加载的模块数组及配置对象作为参数，返回动态绑定后的函数。通过示例展示了如何在页面中使用此方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>angular.bootstrap</title>
    </head>

    <body>
        <h1>angular.bootstrap</h1>
        <p>
            <span>描述：</span><br />
            <span>此方法用于手动加载angularjs模板</span>
        </p>
        <p>
            <span>使用方法：</span><br />
            <span>angular.bootstarp(element, [modules], [config])</span>
        </p>
        <p>
            <span>参数：</span><br />
            <span>element: DOM Element，dom元素</span><br />
            <span>modules: Array，要加载的模板</span><br />
            <span>config：Object，返回这个程序的新创建的injector对象</span>
        </p>
        <p>
            <span>返回值：</span><br />
            <span>返回动态绑定之后的函数</span>
        </p>
        <hr />
        <div ng-controller="welcomeController">
            <span ng-bind="greeting"></span>
        </div>
    </body>
    <script src="../../js/angular.1.3.0.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        var app = angular.module('demo', []).controller('welcomeController', function($scope){
            $scope.greeting = 'welcome!!!!';
        })
        angular.bootstrap(document, ['demo'])
    </script>

</html>

转载于:https://www.cnblogs.com/tanxiang6690/p/9764638.html