angular.bootstrap的用法是什么

Question

我正在從該站點https://docs.angularjs.org/api/ng/function/angular.bootstrap學習angular js，這是說使用此功能手動啟動angular應用程序。

<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 。

您還可以定義任何元素使用的模塊，這些元素可以通過使用angular.bootstrap第一個參數中的document.getElementById()函數來標識。

使用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 個解決方案

解決方案1
1 已采納 2015-10-07 09:07:55

解決方案2
0 2015-10-07 09:04:07

angular.bootstrap的用法是什么

問題描述

2 個解決方案

解決方案1 1 已采納 2015-10-07 09:07:55

解決方案2 0 2015-10-07 09:04:07

解決方案1
1 已采納 2015-10-07 09:07:55

解決方案2
0 2015-10-07 09:04:07