未调用路由中的AngularJS控制器
AngularJS Controller in route is not called
下面是我的Angular应用程序的剪报:
routes.js
angular.module("App")
.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/users/:id', {
templateUrl : 'pages/show.html',
controller : 'UsersController',
controllerAs : 'usCtrl'
})
} ]);
my-users-controller.js
(function() {
angular.module("App")
.controller("UsersController", ['$http', '$routeParams',
function($http, $routeParams) {
alert('Hello !');
this.user= $routeParams.id;
console.log($routeParams.id);
} ]);
})();
show.html(插入到ng视图中)
<div class="row">
<div class="col-xs-12 col-md-4">
Hello {{ usCtrl.user }}
</div>
</div>
由于某些原因,我的控制器没有被调用。当我点击我的链接
<a ng-href="#/users/john" ...
路由工作正常,但不调用控制器,并且不显示usCtrl.user
如果我对控制器使用内联函数,一切都很好我所说的内联是指
...
controller : function($routeParams) {
// code
}
...
有什么建议吗?
看起来控制器从未初始化和注册。
验证您的生成链是否正确地拉入了文件。
然后验证是否正在调用控制器注册。
(function() {
console.log('Controller Registered');
angular.module("App")
.controller("UsersController", ['$http', '$routeParams',
function($http, $routeParams) {
alert('Hello !');
this.user= $routeParams.id;
console.log($routeParams.id);
} ]);
})();
angular.module("App",[])
.config(['$routeProvider', function($routeProvider) {
....
} ]);
您的控制器立即与模块App
一起执行,然后被相同的模块App
覆盖
相关文章:
- 将值从html传递到AngularJS控制器
- angularjs-控制器在表单提交时未调用
- Angularjs控制器本地错误
- AngularJS:控制器中的函数被模板多次调用
- 将AngularJS控制器拆分为多个文件
- AngularJS控制器范围
- AngularJS控制器不工作,为什么?(简单的控制器示例)
- AngularJS控制器在注入工厂时抛出错误
- 如何使用onclick事件调用AngularJS控制器
- angularjs控制器未启动
- 设置AngularJS控制器属性不能是使用Coffeescript的最后一行
- 如何使AngularJS控制器依赖于通过ajax加载在rootScope上的值
- 通过因果报应测试管理angularjs控制器初始化
- AngularJs 控制器中的实时时钟功能
- Angularjs:控制器的代码组织
- 简单的AngularJS控制器不起作用
- 如何从 angularjs 控制器访问$resource
- 在 html5 视频结束时调用 AngularJS 控制器函数
- AngularJS控制器内部的功能
- AngularJS控制器中基于值的重定向