ui-router angular js不起作用

时间:2016-08-18 19:18:13

标签: javascript angularjs gulp angular-ui-router

我是angularjs的新手,我正在创建新的应用程序,当我尝试使用ui-router时,我失败了,我不知道为什么它不起作用。实际上我的错误就是这个,当我使用ui-view渲染一些部分(transaction.html)它不起作用而ui-sref显示错误

_.chain('HELLO_WORLD')
    .toLowerCase()
    .replace('_',' ')
    .value()

我正在使用yeoman gulp和bower

的index.html

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.js我正在显示我的路线

<!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>   

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

my files in src

files which loaded

1 个答案:

答案 0 :(得分:0)

我的第一猜测是:̶̶&LT;的UI-SREF =̶ “交易” ̶&GT;̶将转变成̶&LT;的UI-SREF =̶ “交易” ̶HREF =̶ “交易” ̶&GT;̶̶̶ -途径是命名事务̶-̶但路径̶/̶。要么给路线命名路径,̶或更改UI-SREF̶v̶a̶l̶u̶e̶.̶

编辑:

测试后确实会转换为正确的URL。与上述评论一致,可能是.html模板找不到/正确的路径。