gpt4 book ai didi

javascript - 在页面上引导多个 Angular 应用程序会导致 Controller 未定义的错误

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

我的页面上有两个 Angular 应用程序。第一个是使用主体上的“ng-app”指令引导的。第二个应用程序使用 angular.bootstrap 方法手动初始化。

第一个自动引导的应用程序

<body ng-cloak ng-app="app">
<section id="mainbody">
<div class="container radar-main-container">
@RenderBody()
</div>
</section>

下面是主应用程序的 app.js

var commonModule = angular.module('common', ['ui.router']);
var appMainModule = angular.module('app', ['common']);

手动引导的第二个应用程序

@section footerScript {
angular.bootstrap(document.getElementById('signup'), ['signupApp']);
}

HTML

<div id="signup" ng-app="signupApp" ng-controller="SignupController">
<div ui-view></div>
</div>

在第二个模块中创建的 Controller :

signupModule.controller("SignupController", ['$scope', '$location',
function($scope, $location, $window) {
}

signupModule.controller("PackageInfoController", ['$scope', '$location',
function($scope, $location) {
}

当我运行此代码时,出现错误“SignupController”不是未定义的函数,它会将我带到此链接 Error

最佳答案

也许这对您有帮助,因为它工作得很好。

HTML 模板

<!DOCTYPE html>
<html>
<head>
...
<script src="app.js"></script>
</head>
<body>
<div ng-app="app" ng-controller="AppCtrl">
main
</div>
<div id="signup" ng-controller="SignupCtrl">
signup
</div>

<script>
// @section footerScript
angular.element(document).ready(function() {
angular.bootstrap(document.getElementById('signup'), ['signup','common']);
});
</body>
</html>
<小时/>

app.js

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

var app = angular.module('app', ['common']);
app.controller('AppCtrl', function($scope) {});

var signup = angular.module('signup', ['common']);
signup.controller('SignupCtrl', function($scope) {});

关于javascript - 在页面上引导多个 Angular 应用程序会导致 Controller 未定义的错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28088265/

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