angular.bootstrap() - 引导角度应用程序,无需ng-app或ng-controller

pre*_*eve 2 javascript angularjs

我正在尝试创建一个角度应用程序,可以运输和自举几乎没有指令.理想情况下,您将包含js文件:

<script src="myapp.js"></script>
Run Code Online (Sandbox Code Playgroud)

然后在页面上放一个div:

<div id="myDiv"></div>
Run Code Online (Sandbox Code Playgroud)

并启动应用程序,如:

angular.bootstrap(document.getElementById('myDiv'),['myApp']);
Run Code Online (Sandbox Code Playgroud)

不用说,这不起作用.

这拨弄看到它与到位的NG-*指令和工作这一个没有.

我想我的问题是 - 这甚至可能吗?

理想情况下,我想实现类似Stripe的应用程序:

<script
  src="https://checkout.stripe.com/v2/checkout.js" class="stripe-button"
  data-key="pk_test_czwzkTp2tactuLOEOqbMTRzG"
  data-amount="2000"
  data-name="Demo Site"
  data-description="2 widgets ($20.00)"
  data-currency="usd"
  data-image="/128x128.png">
</script>
Run Code Online (Sandbox Code Playgroud)

但无法找到办法让这个工作.主要目标是不必公开角度细节以使用我的应用程序.

Car*_*ona 7

来自官方文档:

如果需要对初始化过程有更多控制权,可以使用手动引导方法.你应该使用NG-应用程序时,指令手动自举你的应用程序.

<!doctype html>
<html>
<body>
  <div ng-controller="MyController">
    Hello {{greetMe}}!
  </div>
  <script src="http://code.angularjs.org/snapshot/angular.js"></script>

  <script>
    angular.module('myApp', [])
      .controller('MyController', ['$scope', function ($scope) {
        $scope.greetMe = 'World';
      }]);

    angular.element(document).ready(function() {
      angular.bootstrap(document, ['myApp']);
    });
  </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)