多个ng-app问题
多个ng-app问题
提问于 2016-08-03 00:26:48
Html文件
<!DOCTYPE html>
<html >
<head>
<title>Angular JS Demo</title>
<script src="scripts/angular.min.js"></script>
<script src="scripts/Script_1.js"></script>
<meta charset="utf-8" />
</head>
<body>
<div ng-app="HelloWorldApp" ng-controller="HelloWorldController">
Message: {{ greeting }}
</div>
<div id="class2" ng-controller="HelloWorldController1">
Message: {{ message }}
</div>
</body>
</html>Script_1.js
/// <reference path="angular.min.js" />
angular.module('HelloWorldApp', []).controller("HelloWorldController", function ($scope) {
$scope.greeting = "Hello World";
});
angular.module('HelloWorldApp1',[]).controller("HelloWorldController1",function ($scope) {
$scope.message = "Hello World";
});
angular.bootstrap(document.getElementById('class2'), ['HelloWorldApp1']);
The output is
Message: Hello World
Message: {{ message }}尽管我使用了angular.bootstrap(document.getElementById('class2'，HelloWorldApp1)；为什么它不能引导?我是第一次接触这个无关紧要的js，我是否遗漏了任何库？我被卡住了here.Pls救救我。
谢谢
回答 1
Stack Overflow用户
发布于 2016-08-03 00:51:16
试试这个：
<!DOCTYPE html>
<html >
<head>
<title>Angular JS Demo</title>
<script src="scripts/angular.min.js"></script>
<script src="scripts/Script_1.js"></script>
<meta charset="utf-8" />
</head>
<body>
<div ng-app="HelloWorldApp" ng-controller="HelloWorldController">
Message: {{ greeting }}
</div>
<div id="class2"ng-app="HelloWorldApp1" ng-controller="HelloWorldController1">
Message: {{ message }}
</div>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38725868
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号