UI-роутер угловой JS не работает

Question

UI-роутер угловой JS не работает

0

Я новичок в angularjs, и я создавал новое приложение, и когда пытался использовать ui-router, я потерпел неудачу. Я не понимаю, почему он не работает. На самом деле моя ошибка заключается в том, что когда я использую ui-view для частичного (transaction.html), он не работает, а ui-sref показывает ошибку

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

----- Добавлено ----- если это помогает

мои файлы в src

файлы, загруженные

Galizhan Tolybaev 18 авг. 2016, в 21:55

Источник

0

Бросить debugger; в строке выше $ stateProvider убедитесь, что запускается (панель отладки открыта и обновляется), похоже, что он просто не загружает этот файл по какой-то причине, а также дважды проверьте вкладку сети в инструментах Chrome (f12 или щелчок правой кнопкой мыши и осмотрите, затем щелкните вкладку сети, отфильтруйте файлы, которые вы ожидаете загрузить, например angular.js, и ваш index.js убедитесь, что они загружены, и ответ на запрос соответствует ожидаемому телу) Также любые другие ошибки консоли до этого?
shaunhusain 18 авг. 2016, в 19:25
0

@shaunhusain Теперь я не знаю почему, но это не загружает мою транзакцию.
Galizhan Tolybaev 19 авг. 2016, в 03:34
0

все еще не работает?
Miqe 19 авг. 2016, в 12:02
0

@Miqe Miqe да, он не загружает мои файлы и папки, которые я создал для себя
Galizhan Tolybaev 23 авг. 2016, в 17:51

Показать ещё 2 комментария

Теги:

javascript

angularjs

angular-ui-router

gulp

1 ответ

Ещё вопросы

Бросить debugger; в строке выше $ stateProvider убедитесь, что запускается (панель отладки открыта и обновляется), похоже, что он просто не загружает этот файл по какой-то причине, а также дважды проверьте вкладку сети в инструментах Chrome (f12 или щелчок правой кнопкой мыши и осмотрите, затем щелкните вкладку сети, отфильтруйте файлы, которые вы ожидаете загрузить, например angular.js, и ваш index.js убедитесь, что они загружены, и ответ на запрос соответствует ожидаемому телу) Также любые другие ошибки консоли до этого?
@shaunhusain Теперь я не знаю почему, но это не загружает мою транзакцию.
@Miqe Miqe да, он не загружает мои файлы и папки, которые я создал для себя

Fraccus · Answer 1 · 2016-08-18T16-30-00.000Z

Моя первая догадка будет: ̶ ̶ <ПИ-̶s̶r̶e̶f̶ = ̶ "Транзакции" ̶> ̶ трансформируются в ̶ <ПИ-̶s̶r̶e̶f̶ = ̶ "Транзакции" ̶ href= ̶ "Транзакции" ̶> ̶ ̶ ̶-̶ ROUTE называется СДЕЛКИ ̶-̶ Стезя iş ̶/. ̶ либо дать свой маршрут именованной траекторию, ̶ или изменить Ui-̶s̶r̶e̶f̶ ̶v̶a̶l̶u̶e̶.̶

Редактировать:

После тестирования он действительно преобразуется в правильный URL. Как уже было сказано выше, это может быть .html шаблонами .html, которые не найдены/правильные пути.

Я уверен, что <a ui-sref="transactions"> изменится на <a ui-sref="transactions" href="/">
Абсолютно правильно @csschapker - спасибо, что заставили меня проверить это.