Ui-router nie wyświetlający wyświetleń

Question

Niedawno podzieliłem aplikację szyn, którą miałem i stworzyłem front jako oddzielną aplikację z Yeomanem. Z jakiegoś powodu moje poglądy nie render, na przykład moja aplikacja określa:

'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") 
      } 
      } 
     }) 
    }); 

iw moim pliku index.html mam:

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 

Kiedy klikam odnośnik właściwość ma rozwiązać i determinacja Widzę "test" w konsoli. Próbowałem dołączać zegarki $ routeChangeStart/success na kontrolerze applicaiton, ale tutaj nie startuję ani nie startuję.

Answer 1

I przyjrzał się swoim kodem i znalazł kilka wystawia

1. odwołać widoki ui-router, należy użyć dyrektywy ui-view, nie ng-view
2. symbol „” Widok jest nieprawidłowo zdefiniowany - ty musi korzystać z poprawną nazwę klucza, zmieniłem go a i zaktualizowane odniesienie w html

Po wprowadzeniu tych zmian, wszystko działa zgodnie z oczekiwaniami tutaj: http://plnkr.co/edit/lxAUGMqajwI461VKz8xo

PS: I poszedł do przodu i używane ui-sref na link zamiast ciężko kodowania/Pakiet url ...