Angularjs 路由问题,控制器未加载 [英] Angularjs routing issue, controller not loading
问题描述
我有 4 个文件:
- index.html
- logic.js
- controller.js
- 主页.html
index.html
<头><script src="angular.js"></script>头部><身体><div><div ng-view></div>
<script src="controller.js"></script><script src="logic.js"></script></html>
logic.js
var myapp = angular.module('sample',[]);myapp.config(function($routeProvider){$routeProvider.什么时候('/',{控制器:主页Ctrl,templateUrl:'homepage.html'});});
controller.js
function homepageCtrl($scope){$scope.name = "ROHIT";}
homepage.html
{{name}}
homepage.html 正在加载并被路由正确显示,但是当 homepage.html 加载到 index.html 时控制器没有被调用.
请帮我解决这个问题.
谢谢
您没有在 HTML 中定义控制器.
添加这一行
假设它应该在 homepage.html
中:
{{姓名}}
另外,用 '
logic.js
包裹你的控制器名称
将 $inject
添加到 routeProvider:
myapp.config(["$routeProvider",功能($routeProvider){$routeProvider.什么时候("/", {templateUrl: 'homepage.html',控制器:'主页Ctrl'});}]);
I have 4 files:
- index.html
- logic.js
- controller.js
- homepage.html
index.html
<html ng-app="sample">
<head>
<script src="angular.js"></script>
</head>
<body>
<div>
<div ng-view></div>
</div>
<script src="controller.js"></script>
<script src="logic.js"></script>
</body>
</html>
logic.js
var myapp = angular.module('sample',[]);
myapp.config(function($routeProvider)
{
$routeProvider
.when('/',
{
controller:homepageCtrl,
templateUrl:'homepage.html'
});
});
controller.js
function homepageCtrl($scope){
$scope.name = "ROHIT";}
homepage.html
{{name}}
homepage.html is loading and being displayed correctly by the route but the controller is not being called here when homepage.html is loaded into index.html.
Kindly help me out with this.
Thanks
解决方案 You didn't defined controller in HTML.
Add this line
<div ng-controller = "homepageCtrl">
Suppose it should be in homepage.html
:
<div ng-controller = "homepageCtrl">
{{name}}
</div>
In addition, wrap your controller name with '
logic.js
[EDIT]
Add $inject
to routeProvider:
myapp.config(["$routeProvider",
function($routeProvider) {
$routeProvider
.when("/", {
templateUrl: 'homepage.html',
controller: 'homepageCtrl'
});
}
]);
这篇关于Angularjs 路由问题,控制器未加载的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文