AngularJS:homeController没有显示出来

时间:2016-12-04 20:18:53

标签: javascript angularjs

这是 app.states.js

angular.module('fuelComparatorApp', ['ui.router'])
    .config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider){

        $urlRouterProvider.otherwise('/404');
        $urlRouterProvider.when('', '/');
        $stateProvider
            .state('home', {
                url: '/',
                templateUrl: 'app/components/home/views/home.view.html',
                controller: "homeController",
                controllerAs: 'ctrl'
            })
            .state('404', {
                url: '/404',
                templateUrl: 'app/shared/404.html'
            });
    }]);

这是 home.services.js

(function () {
    'use strict';

    angular.module('fuelComparatorApp.homeServices', []).service('sayHelloService', sayHelloService);
    sayHelloService.$inject = ['$http', '$q'];

    function sayHelloService() {
        function sayHi() {
            console.log("hi from home service");
        }
    }
})();

home.controller.js

(function () {
    'use strict';

    angular.module('fuelComparatorApp').controller('homeController', homeController);
    homeController.$inject = ["$scope", "$http", "$window", "$q", "sayHelloService"];

    function homeController($scope, $http, $window, $q, sayHelloService) {
        const vm = this;
        vm.fuelComparatorService = sayHelloService;
        sayHelloService;
        return vm;
    }
})();

在index.html中,通常有ng-app="fuelComparatorApp"和home.view.html,它使用ng-controller="homeController"指令。

没有错误,只是index.html没有显示home.view.html中的任何内容,好像我错过了某个地方。

1 个答案:

答案 0 :(得分:0)

原来这是index.html缺少的

<div ui-view></div>

这是ui-router特有的。