如何在 angular js 中显示视图？

Question

我正在尝试使用匿名路由 js 显示视图。实际上我看到了一个很好的开发人员代码，他总是匿名 class 路由和控制器。我需要知道他如何移动以查看我制作的示例route.js 文件，因为他第一次查看（它显示 "first page"）。但为什么它不显示在我的视图中。他还为每个视图制作匿名控制器 js。你能告诉我我在做什么吗错了。

这是我的笨蛋 http://plnkr.co/edit/kXJV11B0Bi8XV2nwMXLt

   (function() {
    'use strict';

    angular
        .module('a.app')
        .config(Routes);




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

            });
    }

})();

Answer 1

我已经解决了几个问题：

• Restangular 未定义 - 不包括在内。
• index.html 中的命名视图：<div ui-view="app"></div>
• DEFAULT_ROUTE 也未包括在内，因此注入器抛出错误。
• 将路由配置更改为 { url: '/app', views: { app: { templateUrl: 'first.html' } } }
• 更改行：route.js 中的 .module('eztrackit.app') 为 .module('firstApp')，因为您正在配置 firstApp，而不是 eztrackit.app。

现在 working。