Question

我正在尝试使用ui-view加载或打开我的第一个视图。我没有收到错误但是无法显示ciew这里是我的plunker http://plnkr.co/edit/kXJV11B0Bi8XV2nwMXLt

(function() {
    'use strict';

    app.config(Routes);


    Routes.$inject = ['$stateProvider', '$urlRouterProvider'];
    function Routes($stateProvider, $urlRouterProvider) {
        // Default
        $urlRouterProvider.otherwise('/');
        // Application
        $stateProvider
            .state('app', {
                url: '/',
                abstract: true,
                templateUrl: 'partial/firstpage.html'

            });
    }

})();

Answer 1

您需要包含ui.router依赖项：

var app = angular.module('firstApp', ['ui.router']);

Answer 2

Plnkr您可以像这样

在ui-router中加载视图

angular.module('firstApp',['ui.router']);

angular.module('firstApp').config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('app', {
            url:'/app',
            templateUrl: 'first.html',
        })
        $urlRouterProvider.otherwise('app')
});

如何使用ui-view加载角度js中的视图？

2 个答案: