2016-09-18 8 views
0

Pluralsightのコースで作業しているときに問題が発生しています。位置提供者が角度をつけていない

angularFormsApp.config(
 
    ["$routeProvider", "$locationProvider", 
 
    function ($routeProvider, $locationProvider) { 
 
    $routeProvider 
 
    .when("/home", { 
 
     templateUrl: "app/Home.html", 
 
     controller: "HomeController" 
 
    }) 
 
    .when("/newEmployee", { 
 
     templateUrl: "app/Employee/employeeTemplate.html", 
 
     controller: "employeeController" 
 
    }) 
 
    .when("/updateEmployee/:id", { 
 
      templateUrl: "app/Employee/employeeTemplate.html", 
 
      controller: "employeeController" 
 
    }) 
 
    .otherwise({ 
 
     redirectTo: "/home" 
 
    }); 
 
    $locationProvider.html5Mode({ 
 
     enabled: true, 
 
     requireBase: false 
 
    }); 
 
}]);

私はそれがこれを使用せずにエラーを与えていたとして、フォーラムに探した後、「requireBase」を追加する必要がありました。私のコードを実行すると、私は社員ページの更新に直接行くことができません。 Update Employeeをクリックしても、何も起こりませんでした。キャンセルを押してから「Add Employee」を押したが、「Add Employee」が「Add」の代わりに表示されました。私がsubmitをクリックすると、デバッグコードを入力せずに「Not Found」サーバー側エラーが表示されました。

は、私は、URLが渡されている参照するには、コード

$locationProvider.html5Mode({ 
     enabled: true, 
     requireBase: false 
    }); 

をコメントし、それが働きました。実際にはこのコードを使用してURLを隠す必要があるので、私にこれを助けてください。

答えて

1

私はついに答えを見つけました。このメソッドへのショートカットは次のとおりです。

$locationProvider.html5Mode(true); 

これは私が間違って何をやっていた

$locationProvider.html5Mode({ 
    enabled: true, 
    requireBase: true, 
    rewriteLinks: true 
}); 

と同じになります私はショートカットを使用したときだった、ブラウザでの私のF12ツールには、次のエラーを与えていました。 "locationProviderにはベースhrefタグが必要です"私はこれを上記のstatementのrequireBaseパラメータと混同しましたが、何も私には役に立たなかった。 私は、次の追加:私のIndex.cshtmlページのheadセクションに

<base href="/" /> 

をし、それが働きました。

関連する問題