2016-08-18 8 views
0

私はangularjsで新しく、新しいアプリケーションを作成していましたが、ui-routerを使用しようとすると失敗しました。私はいくつかの部分(transaction.html)をレンダリングするために、UIビューを使用するときに実際に私のエラーは、それが働いていないとUI-SREFがエラーui-router angle jsが動作しません

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 

を示し、私はヨーマン一口と亭

の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を、私は私のルートを表示しています

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

----- -----追加しました それは場合に役立ちます

files which loaded

+0

$ stateProviderの上の行に 'debugger;'文を追加する何らかの理由でそのファイルがロードされていないように見えることを確認してください(chromeのネットワークタブをダブルチェックしてください)ツールを使用するか、右クリックして[ネットワーク]タブをクリックして、Angle.jsやindex.jsのように読み込んだファイルをフィルタリングして、それらがロードされていることを確認します。この前の他のコンソールエラー? – shaunhusain

+0

@shaunhusainなぜ私はなぜそれがロードされていない私のtransaction.html –

+0

まだ動作していない? – Miqe

答えて

0

my files in src私の最初の推測さ:̶̶< A UI-SREF =̶」トランザクション "̶>̶なります変換に̶< A UI-SREF =̶" 取引 "̶HREF =̶" ̶t̶r̶a̶n̶s̶a̶c̶t̶i̶o NS "̶>̶̶̶̶-THEルートであるという名前の取引̶̶-しかしTHEパスです̶/̶。どちらか与えるあなたのルートA指定されたパス、̶または変更THE UI-SREF

編集̶v̶a̶l̶u̶e̶.̶ :

テスト後、実際には正しいURLに変換されます。上記のコメントに同意した通り、それは/正確なパスが見つからないテンプレート.htmlによって引き起こされることができます。

+0

絶対に@csschapkerを修正してください - 私にテストしてくれてありがとう。 – Fraccus

+0

それは私のファイルを読み込んでいない –

関連する問題