Angularjs路由问题,控制器不加载 [英] Angularjs routing issue, controller not loading

查看:143
本文介绍了Angularjs路由问题,控制器不加载的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有4个文件:


  • 的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加载并且被路由正确地显示,但所述控制器不被这里称为时homepage.html被装入的index.html

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.

请帮我出这一点。

感谢

推荐答案

您没有在HTML中定义的控制器。

You didn't defined controller in HTML.

添加此行

<div ng-controller = "homepageCtrl"> 

假设应该在 homepage.html

<div ng-controller = "homepageCtrl">
   {{name}}
</div>

此外,包装控制器名称 logic.js

添加 $注来routeProvider:

Add $inject to routeProvider:

myapp.config(["$routeProvider",
function($routeProvider) {
    $routeProvider
        .when("/", {
            templateUrl: 'homepage.html', 
            controller: 'homepageCtrl'
        });
}
]);

这篇关于Angularjs路由问题,控制器不加载的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆