2017-03-15 16 views
2

なぜこれを動作させることができないのか分かりません。ng-viewでの角度ルーティングは機能しません。

私は関連コードを共有しますので、もっと情報が必要な場合は教えてください。

<h1>Hello</h1> 
    {{message}} 

liberals.html

Index.htmlと

<div class="col-md-3"><a href="#/liberals">Liberals</a></div> 

app.js

var app = angular.module('myApp', ['ngRoute']); 
app.config(function ($routeProvider) { 
    $routeProvider. 
    when("/liberals", { 
     templateUrl: "partials/liberals.html" 
     , controller: "LiberalsController" 
    }); 
}); 

app.controller('LiberalsController', function ($scope, $http) { 
    var url = "workingURL"; /// changed function to a simple string message to test 
    $scope.message = "Hello Liberals"; 
}); 

(部分図)PS:私はありません自由主義者のための政治的憎悪のウェブサイトに取り組んでいます!

+0

コンソールでどのような表示を見つけることができますか? –

+0

リンクをクリックするとエラーメッセージが表示されますか? –

+0

コンソールが空で、リンクをクリックするとエラーメッセージが表示されない – JoSem

答えて

2

AngularJS 1.6以降、hashPrefixのデフォルト値は!に変更されました。

  • あなたhref年代にhashprefix(!)を追加します:

<a href="#!/liberals">Liberals</a>

  • 変更を

    1.6+ AngularJSで動作するようにあなたのルーティングを取得するための2つの方法がありますhashPrefixの値を$locationProviderに設定(削除)します。

$locationProvider.hashPrefix('');

私が作業を作成しましたplunkr私は2番目のアプローチを使用する: https://plnkr.co/edit/oTB6OMNNe8kF5Drl75Wn?p=preview

この破壊の変更に関するコミットhere

+0

それがあります!本当にありがとう! – JoSem

+0

私は同じ問題に直面していますが、うまくいきません!!私が訂正する必要があるバージョンの問題はありますか? – CodeWithCoffee

+0

これは難しいことです。 plunkrを作成してhttps://gitter.im/angular/angular.jsでpingしてみてください。 –

関連する問題