我在使用angularjs应用程序的状态时遇到问题。我见过很多人遇到了同样的问题,但我找不到解决问题的方法。
我的 app.js
Christian2Amharic
我的控制器
'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>
答案 0 :(得分:0)
首先,在app.js
之前添加testCtrl.js
。
然后,在testCtrl.js
中,您将重新声明app
中定义的变量app.js
。所以,改为:
app.controller('testCtrl');
而不是
var app = angular.module('app', []).controller('testCtrl')