私は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('/');
});
;
----- -----追加しました それは場合に役立ちます
$ stateProviderの上の行に 'debugger;'文を追加する何らかの理由でそのファイルがロードされていないように見えることを確認してください(chromeのネットワークタブをダブルチェックしてください)ツールを使用するか、右クリックして[ネットワーク]タブをクリックして、Angle.jsやindex.jsのように読み込んだファイルをフィルタリングして、それらがロードされていることを確認します。この前の他のコンソールエラー? – shaunhusain
@shaunhusainなぜ私はなぜそれがロードされていない私のtransaction.html –
まだ動作していない? – Miqe