UI-Router eckig js funktioniert nicht

Ich bin neu in angularjs und ich erstellte neue App, und wenn versucht, UI-Router zu verwenden Ich scheiterte, ich weiß nicht, warum es nicht funktioniert. Eigentlich mein Fehler ist dies, wenn ich ui-Ansicht verwenden, um einig Teil (transaction.html) zu machen, es funktioniert nicht und ui-sref zeigt FehlerUI-Router eckig js funktioniert nicht

Could not resolve 'transactions' from state '' 
    at Object.transitionTo (angular-ui-router.js:3179) 
    at Object.go (angular-ui-router.js:3107) 
    at angular-ui-router.js:4143 
    at angular.js:19612 
    at completeOutstandingRequest (angular.js:5964) 
    at angular.js:6243

Ich bin mit Yeoman Schluck und Bower

index.html

<!doctype html> 
<html ng-app="web"> 
    <head> 
    <meta charset="utf-8"> 
    <title>anything</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width"> 
    </head> 
    <body> 

<!-- src/index.html --> 
<div class="container"> 
     <div class="col-xs-2" ng-controller="NavigationCtrl as navigation_ctrl"> 
     <h2>Деньги</h2> 
     <h3 class="money-ok"> 
      {{navigation_ctrl.transactions_store.sum()}} 
     </h3> 
     <ul class="nav nav-pills nav-stacked"> 
      <li> 
      <a ui-sref="transactions"> 
      <i class="glyphicon glyphicon-th-list"></i> 
      Транзакции <span class="badge">{{navigation_ctrl.transctions_store.transactions.length}}</span> 
      </a> 
     </li> 
     <li> 
      <a ui-sref="settings"> 
      <i class="glyphicon glyphicon-tasks"></i> Настройки 
      </a> 
     </li> 
     </ul> 
     </div> 
     <div class="col-xs-6" ui-view></div> 
    </div>

index.js, wo ich meine Routen bin zeigt

'use strict'; 

angular.module('web', ['restangular', 'ui.router', 'ui.bootstrap']) 
    .config(function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
    .state('transactions', { 
     url: "/", 
     templateUrl: "app/main/transactions.html" 
    }) 
    .state('settings', { 
     url: "/settings", 
     templateUrl: "app/settings/settings.html" 
    }); 
    $urlRouterProvider.otherwise('/'); 
    }); 
;

----- ----- Hinzugefügt , wenn es hilft

my files in src

files which loaded

Quelle

2016-08-18 Galizhan Tolybaev

Drop eine 'Debugger;' Anweisung in der Zeile über $ stateProvider stellen Sie sicher, dass ausgelöst wird (Debug-Panel öffnen und aktualisieren) scheint es nicht gerade diese Datei lädt aus irgendeinem Grund auch in der Netzwerkregisterkarte in Chrom überprüfen Werkzeuge (f12 oder rechts klicken und inspizieren dann klicken Sie auf den Netzwerk-Tab, Filter für Dateien, die Sie geladen haben wie angular.js und Ihre index.js sicherstellen, dass sie geladen und die Antwort für die Anfrage ist die Körper, die Sie erwarten). Auch irgendwelche anderen Konsolenfehler vor diesem? – shaunhusain

@shaunhusain Ich weiß jetzt nicht warum, aber es lädt meine transaction.html –

immer noch nicht funktioniert? – Miqe

Meine erste Vermutung wäre: ̶ ̶ < ein UI-Sref = ̶“ transactions "̶> ̶ verwandeln in ̶ < ein UI-Sref = ̶" -Transaktionen "̶ hREF = ̶" Transaktio Ns "̶> ̶ ̶ ̶-̶ Die Strecke ist Benannte Transaktionen ̶-̶ der Pfad wird ̶ /. ̶ auch hinter Ihrer Route ein benannter PFAD, ̶ oder ändern Sie die Ui-SRef ̶v̶a̶l̶u̶e̶.̶

bearbeiten :

Nach dem Test wird es tatsächlich in die richtige URL umgewandelt. Wie mit dem obigen Kommentar vereinbart, kann es durch die .html Vorlagen, die nicht gefunden werden/richtigen Pfad verursacht werden.

Quelle

2016-08-18 19:28:54 Fraccus

Ich glaube, '' wird zu '' – csschapker

Absolut korrekt @csschapker - Danke, dass ich es getestet habe. – Fraccus

Ja, es lädt meine Dateien nicht –

UI-Router eckig js funktioniert nicht

Antwort

Verwandte Themen