angular.bootstrap不工作
angular.bootstrap不工作
提问于 2014-12-24 08:11:15
我试图在一个页面中使用多个模块
HTML
<!DOCTYPE HTML>
<HTML >
<HEAD>
<TITLE>
ANGULAR
</TITLE>
<link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
</HEAD>
<BODY>
<script src="js/angular.min.js"></script>
<script src="js/ngModule.js"></script>
<script src="js/App.js"></script>
<div ng-app="AssociateDetails">
<div ng-controller="AssociateController as associateData">
<div ng-repeat="associate in associateData.details">
<h1>{{associate.Name}}</h1>
<h2>{{associate.Id}}</h2>
</div>
</div>
</div>
<div id="SalaryDiv" ng-app="SalaryDetails">
<div ng-controller="SalaryController as sal">
<div ng-repeat="salaryDetail in sal.data">
<p>{{salaryDetail.Name}}</p>
<p>{{salaryDetail.Salary}}</p>
</div>
</div>
</div>
</BODY>
</HTML>JS
(function () {
var app = angular.module("AssociateDetails", []);
var associatesDetails = [
{ Name: "sdfsd", Id: 123, Alloted: true },
{ Name: "dgfdf", Id: 345, Alloted: true },
{ Name: "sdf", Id: 564, Alloted: true }
];
app.controller("AssociateController", function () {
this.details = associatesDetails;
});
var salary = angular.module("SalaryDetails", []);
var salaryDetails = [
{ Name: "ssss", Salary: 30000 },
{ Name: "asvs", Salary: 90000 },
{ Name: "sdfd", Salary: 87000 }
];
salary.controller("SalaryController", function () {
this.data = salaryDetails;
});
angular.bootstrap(document.getElementById("SalaryDiv"), ['SalaryController']);
}());第一个是工作的，数据正在显示，但是id SalaryDiv的div不工作。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-12-24 08:52:02
每页只能放置一个ng应用程序。如果你想要多个ng应用程序，你需要手动引导。你不需要在html中写"ng-app“。只需删除html中的第二个ng-app并更改引导语句，如下所示：
angular.bootstrap(document.getElementById("SalaryDiv"),"SalaryDetails");引导第二个参数应该是鼠标名，而不是控制器。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27633663
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号