什么是AngularJS引导程序以及如何实际使用它？
时间：2020-02-23 14:29:32 来源:igfitidea点击:
这篇AngularJS Bootstrap文章将通过实际演示向我们介绍AngularJS中的Bootstrapping概念。
Angular.bootstrap()
Core ng模型中存在一个称为angular.bootstrap()函数的函数组件。
它用于手动启动Angular应用程序。
语法：
angular.bootstrap(element，[modules]，[config])
参数：
element DOM element是一个元素，被认为是Angular应用程序的根。
模块要加载的模块阵列称为模块。它是可选指定的。
Config用于配置选项的对象称为Config。这也是可选的。
例子：
<html>
<head>
<title>ANGULAR BOOTSTRAP EXAMPLE</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">
</script>
<style>
.id
{
font-size: 1.5em;
color:blue;
}
</style>
</head>
<body ng-app="app" style="text-align:Center">
<h1 style="color:blue">Bootstrap</h1>
<h2>angular.bootstrap()</h2>
<div ng-controller="Bootstrap">
<span class="id">{{name}}
is easy to use.
</div>
<script>
var app = angular.module("app", []);
app.controller('Bootstrap', ['$scope', function ($scope) {
$scope.name = "Bootstrap";
}]);
angular.bootstrap(document, ['app']);
</script>
</body>
范例2：
</div>
<html>
<head>
<title>angular.bootstrap()</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js">
</script>
</head>
<body ng-app="app" style="text-align:Center">
<h1 style="color:blue">Bootstrap</h1>
<h2>angular.bootstrap()</h2>
<div ng-controller="Bootstrap">
<div class="col-md-3 well" ng-init="count=0">
Rock:
<input type="radio" ng-model="Music" value="Rock"
ng-change="layout(Music)"
Metal:
<input type="radio" ng-model="Music" value="Metal"
ng-change="layout(Music)"
<pre><b>You selected:</b> {{result}} </pre>
</div>
</div>
<script>
var app = angular.module("app", []);
app.controller('Bootstrap', ['$scope', function ($scope) {
$scope.layout = function (Music) {
$scope.result = Music;
}
}]);
angular.bootstrap(document, ['app']);
</script>
</body>
</html>
选择单选按钮时，将显示以下
angular.bootstrap()函数提供了对应用程序初始化的主要控制。
这使我们到了AngularJS Bootstrap的本文结尾。
如果我们想了解更多信息，请访问theitroad进行的Angular培训，这是一家值得信赖的在线学习，其网络遍布全球，拥有超过250,000名满意的学习者。
Angular是一个JavaScript框架，用于创建可扩展的企业级和性能客户端Web应用程序。
由于Angular框架的采用率很高，因此应用程序的性能管理是由社区驱动的，从而间接地带来了更好的工作机会。
Angular认证培训旨在涵盖有关企业应用程序开发的所有这些新概念。
有问题要问我们吗？
请在" AngularJS引导程序"的评论部分中提及它，我们将尽快与我们联系。
