角度1のルーティングが機能しない - 非常に基本的です

私の最初の角度アプリをルーティングで設定する際に問題があります。それはとてもシンプルで機能しません。角度1のルーティングが機能しない - 非常に基本的です

URL私がリンク

のindex.htmlでクリックすると変更 - ファイル：/// C：/Users/me/repos/angularRouteTest/app/index.html#/
！およそクリック - ファイル：/// C：/Users/me/repos/angularRouteTest/app/index.html# /＃について

NGとビュー内のコンテンツが

を変更しませんが！コード：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title></title> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <script src="bower_components/angular/angular.min.js"></script> 
    <script src="bower_components/angular-route/angular-route.min.js"></script> 
    <script src="scripts/app.js"></script> 
</head> 
<body data-ng-app="swsApp"> 
    {{1+1}} 
    <p><a href="#/">Index</a></p> 
    <a href="#about">About</a> 
    <div ng-view></div> 

</body>

(function() { 
"use strict"; 

var app = angular.module("swsApp", ["ngRoute"]); 

app.config(function($routeProvider) { 
    $routeProvider 
     .when("/", { 
template : "<h1>Main</h1><p>Click on the links to change this content</p>" 
     }) 
     .when("about", { 
template : "<h1>About</h1><p>Click on the links to change this content</p>" 
     }) 
     .otherwise({ 
      template: "<h1>otherwise</h1>" 
     }) 
}) 
}());

何が起こっているすべてのアイデア？

出典

2017-01-04 Nerf

あなたはすべてのエラーがであり、それは –

を動作させるためにローカルのHTTPサーバ（Apacheのは、IIS）をインストールする必要がありますコンソール？あなたがコードをコードニットに入れたらうまくいきますが、Alonが正しいと疑っています。 –

この '}（））;' '）（）;' – Nilesh

まず、angularJSアプリケーションを起動するためのWebサーバーは必要ありません。あなたのリンクをあなたの問題については

、AngularJSはhashbang URLを使用しています：https://docs.angularjs.org/guide/$location#hashbang-mode-default-mode-

Hashbang URL angularJS切片のみhashbang ＃とリンクを意味します！

あなただけに、各リンクのHTMLコードをこのhashbangを追加する必要があります。

app.config(function($routeProvider) { 
    $routeProvider 
     .when("/", { 
template : "<h1>Main</h1><p>Click on the links to change this content</p>" 
     }) 
     .when("/about", { 
template : "<h1>About</h1><p>Clicsdfsdfsdfs this content</p>" 
     }) 
     .otherwise({ 
      template: "<h1>otherwise</h1>" 
     }) 
}) 
</script> 
<body data-ng-app="sws"> 
    {{1+1}} 
    <p><a href="#">Index</a></p> 
    <a href="#!/about">About</a> 
    <div ng-view></div> 

</body>

出典

2017-01-04 21:46:21

'！'を使用しないオプションはありますか？ – Nerf

あなたのangualr configにこれを追加する必要があります： '$ locationProvider.hashPrefix（ ''）;' –

どこに追加しますか？ – Nerf

角度1のルーティングが機能しない - 非常に基本的です

答えて

関連する問題