gpt4 book ai didi

angularjs - Angular NaNunction%2C%20got%20undefined 异常

转载 作者:行者123 更新时间:2023-12-04 00:21:02 26 4
gpt4 key购买 nike

右对齐,我希望根据单击的选项卡获得部分 View 。在网上找到了一些示例代码让我开始,但我无法通过遵循示例代码来找出选项卡

索引.html

<!doctype html>
<html ng-app="mainApp">
<head>

</head>
<body>
<div ng-view>

</div>
<script src="scripts/lib/angular.min.js"></script>
<script src="scripts/lib/angular-route.min.js"></script>
<script src="scripts/lib/bootstrap.min.js"></script>
<script src="app.js"></script>
</body>
</html>

应用程序.js:
var mainApp = angular.module('mainApp', ['ngRoute']);
mainApp.config(function($routeProvider){
$routeProvider.when('/', {
controller: 'SearchController',
templateUrl: 'search.html'
})
})

搜索.html
<div ng-controller="SearchController">

</div>

搜索 Controller :
示例取自示例
angular.module('mainApp').controller('SearchController', function  ($scope, $window) {
$scope.tabs = [
{ title:'Dynamic Title 1', content:'Dynamic content 1' },
{ title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true }
];

$scope.alertMe = function() {
setTimeout(function() {
$window.alert('You\'ve selected the alert tab!');
});
};
});

错误:
[ng:areq] http://errors.angularjs.org/1.4.4/ng/areq?p0=search%2FSearchController.js&p1=not%20aNaNunction%2C%20got%20undefined

最佳答案

看起来很难一起找到 SearchController。您的 SearchController 在自己的文件中吗?如果是这样,请务必将其加载到您的 index.html 中!

所以,

 <script src="scripts/lib/angular.min.js"></script>
<script src="scripts/lib/angular-route.min.js"></script>
<script src="scripts/lib/bootstrap.min.js"></script>
<script src="app.js"></script>
<script src="path/to/controller/SearchController.js"></script>

编辑:
啊,我看到了问题。您尚未在 app.js 中定义“SearchController”。

去做这个 -

在 SearchController.js 中,更改 angular.module('mainApp')angular.module('SearchController')了解您正在创建一个尚不属于您的“mainApp”模块的 Angular 模块。

然后,在您的 app.js 中,执行 var mainApp = angular.module('mainApp', ['ngRoute', 'SearchController']);这将正确地将您的 Controller 注入(inject)您的应用程序,并且您的路由器可以正确使用它。

关于angularjs - Angular NaNunction%2C%20got%20undefined 异常,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32344357/

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