Question

我正在从这个网站https://docs.angularjs.org/api/ng/function/angular.bootstrap学习角度js.这就是说使用此功能来手动启动角度应用。

<html>
<body>
<div ng-controller="WelcomeController">
  {{greeting}}
</div>

<script src="angular.js"></script>
<script>
  var app = angular.module('demo', [])
  .controller('WelcomeController', function($scope) {
      $scope.greeting = 'Welcome!';
  });
  angular.bootstrap(document, ['demo']);
</script>
</body>
</html>

这一行的含义是什么angular.bootstrap（document，['demo']）; ？

上述程序只是创建一个模块和控制器，但它使用bootstrap ....... without bootstrap controller can not be instantiated ?。

寻求指导。感谢

Answer 1

angular.bootstrap用作初始化应用程序而不使用ng-app的替代方法。在上面的示例中，您可以看到文档中的任何位置都没有添加ng-app指令。因此，使用angular.bootstrap您将应用模块定义为与上例中demo的文档相关联。

您还可以在document.getElementById()的第一个参数中使用angular.bootstrap函数定义要与可以识别的任何元素一起使用的模块。

使用angular.bootstrap

<html>
<body>
<div class="mycontainer" ng-controller="WelcomeController">
   {{greeting}}
</div>

<script src="angular.js"></script>
<script>
var app = angular.module('demo', [])
.controller('WelcomeController', function($scope) {
    $scope.greeting = 'Welcome!';
});
angular.bootstrap(document.getElementById('mycontainer'), ['demo']);
</script>
</body>

Answer 2

要在HTML文档中运行多个应用，您需要使用angular.bootstrap

手动引导它们

angular.bootstrap

2 个答案: