ui-router angular js不起作用

我是angularjs中的新成員，當時我正在創建新應用，並且當嘗試使用ui-router時，我失敗了，我不知道爲什麼它不起作用。其實我的錯誤是這樣的，當我使用的用戶界面視圖渲染某些部分（transaction.html）它不工作和UI-SREF顯示錯誤ui-router angular 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('/'); 
    }); 
;

----- -----添加如果它有助於

my files in src

files which loaded

來源

2016-08-18 Galizhan Tolybaev

在$ stateProvider上面的行上放置一個'debugger;'語句，確保獲得觸發（調試面板打開並刷新）好像它只是不加載該文件出於某種原因，還需要在chrome的網絡選項卡中進行雙重檢查工具（f12或右鍵單擊並檢查，然後單擊網絡選項卡，篩選您希望加載的文件，如angular.js，並確保您的index.js已加載，並且請求的響應是您期望的身體）。還有這之前的任何其他控制檯錯誤？ – shaunhusain

@shaunhusain我現在不是爲什麼，但它不是加載我的transaction.html –

仍然無法正常工作？ – Miqe

我的第一個猜測是：̶̶<的UI-序列S =̶」交易「̶>̶將轉變成̶<的UI-SREF =̶」交易「̶HREF =̶」交易NS「̶>̶̶̶-̶途徑是命名事務̶-̶但路徑̶/̶。要麼給路線命名路徑，̶或更改UI-SREF̶v̶a̶l̶u̶e̶.̶

編輯：

經過測試，它確實轉換爲正確的URL。正如上面的評論一致，這可能是由於找不到/正確路徑的.html模板造成的。

來源

2016-08-18 19:28:54 Fraccus

我相信''ui-sref="transactions">'會變成'' – csschapker

絕對正確@csschapker - 感謝讓我測試它。 – Fraccus

是的，它不加載我的文件 –

ui-router angular js不起作用

回答

相關問題