5

我最近拆分了一个我拥有的 Rails 应用程序，并使用 yeoman 将前端创建为一个单独的应用程序。由于某种原因，我的视图不再呈现，例如我的应用程序定义：

    'use strict';

    var actionTrackApp = angular.module('actionTrackApp', [ 'ui.router', 'ngGrid']);
    actionTrackApp.config(function($locationProvider) {
      return $locationProvider.html5Mode(true);
    });
    actionTrackApp.config(function($stateProvider){
      $stateProvider
        .state("packageIndex", {
          url: "/packages",
          views: {
            "main": {
              controller: "ApplicationCtrl",
              template: "<h1>Test</h1>"
            },
            "": {
              template: "<h1>Test2</h1>"
            }
          },
          resolve: {
            test: function(){
              console.log("test")
            }
          }
        })  
    });

在我的 index.html 文件中，我有：

bodytag ng-app="actionTrackApp" ng-controller="ApplicationCtrl">
    your site or application content here<a href='/packages'>Package Index</a>

    <div ng-view="main" class="container"></div>
    <div ng-view=""></div>
/bodytag

当我单击链接时，resolve 属性会解析，并且我在控制台中看到“test”。我尝试在应用程序控制器上附加 $routeChangeStart/success 手表，但这里都没有启动/成功触发。

4

1 回答 1

4

我看了你的代码，发现了几个问题

  1. 要引用 ui-router 视图，您必须使用指令ui-view，而不是ng-view
  2. "" 视图定义不正确 - 您必须使用有效的键名，我将其更改为a并更新了 html 中的引用

在我进行这些更改后，这里的所有工作都按预期工作：http: //plnkr.co/edit/lxAUGMqajwI461VKz8xo

ps：我继续ui-sref在您的链接上使用，而不是对 /package url 进行硬编码...

于 2013-10-02T03:59:45.870 回答