div中的第二个Angularjs应用程序表达式
div中的第二个Angularjs应用程序表达式
提问于 2019-07-28 05:25:50
我目前正在学习Angularjs，并试图找出为什么第二<div>中的表达式不起作用。它显示的是：
{ firstName1 +“”+ lastName1 }
而不是：
John1 Doe1
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
{{ firstName + " " + lastName }}
</div>
<div ng-app="myApp1" ng-controller="myCtrl1">
{{ firstName1 + " " + lastName1 }}
</div>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
var app1 = angular.module("myApp1", []);
app1.controller("myCtrl1", function($scope) {
$scope.firstName1 = "John1";
$scope.lastName1 = "Doe1";
});
</script>
</body>
</html>编辑：
要让这个工作起来，我需要删除ng-app="myApp1"吗？我应该向angular.bootstrap()传递哪些参数才能使其正常工作？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-07-28 06:01:31
在使用ngApp时，要记住以下几点：
- 每个AngularJS文档只能自动引导一个HTML应用程序.文档中找到的第一个ngApp将用于将根元素定义为作为应用程序的自动引导。要在HTML文档中运行多个应用程序，必须使用angular.bootstrap手动引导它们。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57238194
复制相关文章
相似问题
腾讯云开发者
