Question

我正在尝试在新项目中使用ui-router，我遵循了许多教程和文档，但我无法理解为什么我的应用程序没有启动。我在一开始并且没有太多代码。也许我错过了什么？我在控制台中没有错误，我所拥有的只是一个完整的白页。

这是我的app.js＆＃39;使用配置：

(function () {
'use strict';

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

        $logProvider.debugInfoEnabled = true;

        $stateProvider
            .state('dashboard', {
                url: '/',
                controller: 'app/dashboard/dashboardController',
                controllerAs: 'dashboard',
                templateUrl: 'app/dashboard/dashboard.html'
            });
    }
]);

}）（）;

这是我的＆＃39; dashboardController.js＆＃39;：

(function () {
'use strict';

function controller($location) {
    /* jshint validthis:true */
    var vm = this;
    vm.greet = 'Heeeello World!';

    function activate() {
        alert('go');
    }

    activate();
}


////
angular
    .module('clicko')
    .controller('dashboard', controller);


controller.$inject = ['$location'];

}）（）;

这是我的＆＃39; dashboard.html＆＃39;

<h1>Dashboard</h1>

<h2>{{dashboard.greet}}</h2>

<p>Lorem ipsum dolor sit amet</p>

＆＃39;的index.html＆＃39;

<body ng-app="clicko">

<div ui-view></div>

<!--SCRIPTS-->
<!-- ANGULARJS -->
<script src="app/assets/libs/jquery/dist/jquery.min.js"></script>
<script src="app/assets/libs/angular/angular.min.js"></script>
<script src="app/assets/libs/angular-ui-router/release/angular-ui-router.min.js"></script>

<!--APP-->
<script src="app/app.js"></script>

<!--CONTROLLLERS-->
<script src="app/dashboard/dashboardController.js"></script>

有人能帮助我吗？

修改

这是一个傻瓜： https://plnkr.co/edit/OEl278DxxB1N0xECsJwk?p=preview

Answer 1

一个问题是：

controller: 'app/dashboard/dashboardController',

键值控制器的值为＆＃39;应该是控制器名称而不是它的路径。所以，将其改为：

controller: 'dashboard',

修改

工作plunkr here.

我将状态更改为以下：

.state('dashboard', { url: '', //changed from '/' to '' controller: 'dashboard', templateUrl: 'dashboard.html' //the path specified was wrong })

AngularJS Application不使用ui-router运行

1 个答案: