Angularjs$状态错误
Angularjs $state error
我在实现angularjs应用程序的状态时遇到问题。我见过很多人都有同样的问题,但我找不到解决我问题的办法。
我的app.js
'use strict';
var app = angular.module('app', ['ui.router', 'ngRoute', 'ngResource','testCtrl']);
app.config(['$stateProvider', '$urlRouterProvider', '$routeProvider', '$locationProvider','$httpProvider', function ($stateProvider, $urlRouteProvider, $routeProvider, $locationProvider,$httpProvider) {
$locationProvider.html5Mode(true);
$stateProvider
.state('app.registerPage', {
url: "/tp/AddQ",
views: {
'menuContent': {
templateUrl: "views/Registration_view.php",
controller: 'testCtrl'
}
}
});
$urlRouteProvider.otherwise('/AEAS/admin/');
}]);
我的控制器
var app = angular.module('app', []).controller('testCtrl', ['$scope', '$http','$state', function ($scope, $http,$state) {
$scope.click = function(){
console.log("done");
$state.go('app.registerPage');
};
}]);
我的观点
<body>
<div class="container" ng-controller="testCtrl" ng-app="app">
<div class="row">
<form role="form" ng-submit="submit(data)">
<h1>Welcome to Heart attack predictor!</h1>
<div id="body">
<button><a href="" ng-click="click();">Edit</a></button>
</div>
</form>
</div>
</div>
</body>
<script src="<?php echo base_url(); ?>angularjs/angular.min.js"></script>
<script src="<?php echo base_url(); ?>angularjs/angular-resource.min.js"></script>
<script src="<?php echo base_url(); ?>angularjs/angular-route.js"></script>
<script src="<?php echo base_url(); ?>angularjs/angular-ui-router.min.js"></script>
<script src="<?php echo base_url(); ?>assets/js/Controllers/testCtrl.js"></script>
<script src="<?php echo base_url(); ?>assets/js/app.js"></script>
这是我得到的错误
Failed to instantiate module app due to:
Error: [$injector:modulerr] http://errors.angularjs.org/1.5.3/$injector/modulerr?p0=t...)
at Error (native)
at http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:6:416
at http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:40:60
at q (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:7:355)
at g (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:39:135)
at http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:39:304
at q (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:7:355)
at g (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:39:135)
at eb (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:43:164)
at c (http://localhost/Heart_Attack_Predictor/angularjs/angular.min.js:20:463
首先,在testCtrl.js
之前包含app.js
。
然后,在testCtrl.js
中,您将重新声明在app.js
中定义的变量app
。因此,更改为:
app.controller('testCtrl');
而不是
var app = angular.module('app', []).controller('testCtrl')
相关文章:
- AJAX错误状态代码500内部服务器错误
- 处理角度.js承诺错误状态
- 如何在php中添加按钮而不是错误状态和成功消息
- 尽管成功传输了 json,但我的 Jquery.ajax 方法在响应中获得了错误状态
- Backbone.sync 获取所有响应错误状态代码
- AngularJS:如何获取$http的错误状态
- "回滚”;Ember模板中的错误状态
- Javascript:Phoenix频道立即进入错误状态
- Ember.js - Pod结构中的错误状态
- 根据用户选择/选项可用性切换选择框错误状态
- AngularJS验证更新另一个输入字段的错误状态
- 如果JSON中的键值为空,则发送错误状态(AJAX、Node和Express)
- ajax错误状态0与空错误在GETcalls
- Websocket错误:Websocket握手过程中出现错误:状态行中没有找到响应代码
- 如何获取NodeJS的错误状态码
- XMLHttpRequest总是调用";负载";事件侦听器,即使响应具有错误状态
- ui路由器解析功能中的处理错误?(又名$stateChangeError)将数据传递到错误状态
- 哪个 Http 错误/状态代码是合适的
- 错误状态:使用angular js和codeigniter 2.2
- 如何显示错误的密码在Firebase简单登录电子邮件密码的错误状态