2016-05-25 25 views
0

Ich habe versucht, nach einer Lösung für dieses Problem zu suchen, aber ohne Erfolg. Ich würde jede Hilfe in der Sache schätzen.Leere Seite statt Seite

Ich startete ein "Tabs" Standard-Projekt, das wie vorgesehen als Basis funktionierte. Und fügte diese wenigen Änderungen hinzu und endete mit einem leeren Bildschirm.

in app.js:

.state('login', { 
     url: '/login', 
     views: { 
      'login': { 
      templateUrl: 'templates/login.html', 
      controller: 'LoginCtrl' 
      } 
     } 
    }) 

unter der anfänglichen Registerkarte Definition. Mein anders ist:

$urlRouterProvider.otherwise('/login'); 

Meine Ansicht in templates/login.html befindet:

<ion-view view-title="login"> 
     <ion-content> 
     <div class="bar bar-header bar-positive"> 
      <h1 class="title">Project :: Login</h1> 
     </div> 
     <div class="list"> 
      <label class="item item-input item-stacked-label"> 
      <span class="input-label">Email</span> 
      <input type="text" placeholder="[email protected]"> 
      </label> 
      <label class="item item-input item-stacked-label"> 
      <span class="input-label">Password</span> 
      <input type="password" placeholder="********"> 
      </label> 
      <button class="button button-block button-positive"> 
      Sign in 
      </button> 
     </div> 
     </ion-content> 
    </ion-view> 

ich auch eine leere Controller-Definition in controllers.js hat:

.controller('LoginCtrl', function($scope) {}) 

Auf Antrag start, das routing geht erfolgreich zu localhost:/#/login, zeigt aber eine leere seite an.

Ich bekomme nur eine Konsole Fehler beim ionischen dienen ausgeführt wird:

 ? (node:5592) fs: re-evaluating native module sources is not supported. 
    If you are using the graceful-fs module, please update it to a more recent version. 

Aber ich habe diese Warnung/Fehler entfernt, indem auf [email protected] Herabstufung. Das Problem mit der leeren Seite besteht weiterhin. Es zeigt eine graue Kopfzeile und einen leeren Text an.

Jede Hilfe wäre willkommen!

+0

Ich glaube, du ng-Controller = „LoginCtrl“ -Attribut in login.html –

+0

@JordanPlamondon seine ctrl in angegebenen zu setzen vergessen sein Routing. – Mark

+0

Verwenden Sie irgendeine Art von JS-Komprimierung? Wie Gulp oder Grunt, um deinen Code zu händeln? – Mark

Antwort

0

Ich habe das Problem herausgefunden. Ich hatte dies in index.html zu aktualisieren:

<ion-nav-view></ion-nav-view> 

Um dies:

<ion-nav-view name="login"></ion-nav-view> 

Die Anwendung lädt nun meine Strecke. Ich entdeckte, als ich in sah, wie die tabs.html wurde das Laden der Daten:

<ion-tab title="Status" 
      icon-off="ion-ios-pulse" 
      icon-on="ion-ios-pulse-strong" 
      href="#/tab/dash"> 
     <ion-nav-view NAME="TAB-DASH"></ion-nav-view> 
    </ion-tab>