gpt4 book ai didi

javascript - 单页上的两个模块在 Angular js 中不起作用

转载 作者:行者123 更新时间:2023-11-30 17:23:07 25 4
gpt4 key购买 nike

我是 angular js 的新手。我有两个模块 first2a,first22。每个模块有一个 Controller model1和model2。

下面是我的HTML代码

<!DOCTYPE html>
<html >
<head>
<link rel="icon" type="image/png" href="globe/images/correct.png"/>
<link rel="stylesheet" type="text/css" href="globe/css/style.css"/>
<script type="text/javascript" src="globe/script/jquery.js"></script>
<script type="text/javascript" src="globe/script/angular.js"></script>
<script type="text/javascript" src="globe/script/mainscope1.js"></script>
<script type="text/javascript" src="globe/script/angular-route.js"></script>
<title>
Html5 All in One
</title>
</head>
<body >
<!-- MAin page -->
<div ng-app="first22" id="maincontainer" >
<div ng-controller="model1">{{message}}</div>
</div>
<!-- MAin page End-->
<!-- Interactivity page -->
<div id="Interactive_content" ng-app="firsta" >
<div ng-controller="model2">{{message}}</div>
</div>
<!-- Interactivity page End-->
</body>
</html>

mainscope1.js

var first2 = angular.module('first22', []);

first2.controller('model1',function($scope)
{
$scope.message="aaaaaaa";

})

var first2a=angular.module('firsta',[]);

first2a.controller('model2',function($scope)
{
$scope.message="aaaaaaa1";

})

谁能解释为什么 firsta 模块在这里不起作用。提前致谢

最佳答案

尝试使用 angular boostrap ,在文档准备好时发生:

angular.element(document).ready(function() { 
angular.bootstrap(document.getElementById('maincontainer'), ['first22']);
angular.bootstrap(document.getElementById('Interactive_content'), ['firsta']);
});

检查这个fiddle

关于javascript - 单页上的两个模块在 Angular js 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24796692/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com