2017-02-16 17 views
2

私は開発が本当に新しいです。私はAngularJSを学んでいます。Yeoman AngularJSジェネレータの問題はどんなルートでも発生する

yo angularに問題があります。それはアプリを生成している、gruntのサーブはローカルに実行されています。しかし、aboutボタンをクリックすると、約ページに移動しません。

ここにいくつかのコードがあります(これらは角度ジェネレータによって生成されます)。 (scriptsフォルダから)

index.htmlを

div class="collapse navbar-collapse" id="js-navbar-collapse"> 

     <ul class="nav navbar-nav"> 
      <li class="active"><a href="#/">Home</a></li> 
      <li><a ng-href="#/about">About</a></li> 
      <li><a ng-href="#/">Contact</a></li> 
     </ul> 
     </div> 
    </div> 
    </div> 
</div> 

app.js

'use strict'; 

angular 
    .module('coolAppApp', [ 
    'ngAnimate', 
    'ngCookies', 
    'ngResource', 
'ngRoute', 
'ngSanitize', 
'ngTouch' 
]) 
    .config(function ($routeProvider) { 
$routeProvider 
    .when('/', { 
    templateUrl: 'views/main.html', 
    controller: 'MainCtrl', 
    controllerAs: 'main' 
    }) 
    .when('/about', { 
    templateUrl: 'views/about.html', 
    controller: 'AboutCtrl', 
    controllerAs: 'about' 
    }) 
    .otherwise({ 
    redirectTo: '/' 
    }); 
    }); 
+0

コードのどの部分が問題の原因であるのか分かりますか? –

+0

I **は想定していたとき。( '/約'、{ templateUrl: 'ビュー/ about.html' コントローラ 'AboutCtrl' controllerAs '約' })** –

+0

が解決策を見つけた@ABusyProgrammer –

答えて

1

それは置いて機能するソリューション

を発見!前の/

つまり、<li><a ng-href="#!/about">About</a></li>

+0

ああ、そうだ。おめでとう、そして、ところで、StackOverflowへようこそ! –

関連する問題