2016-09-20 8 views
0

[登録]リンクをクリックします。 register.htmlページには移動しません。これは間違っています。URLが正しく表示されない

.when('/login/:register/', { 
templateUrl: 'views/register.html', 
controller: 'RegisterController' 
}); 

login.htmlと

+0

ログインページが表示されます。その後、[登録]ボタンをクリックします。 Registerページをリダイレクトしません – moni123

+0

register change/login /:register/to/login /:register。 :registerは$ stateParamです。また、いくつかの値を渡すことを確認してください: –

+0

登録しました。しかし動作しません – moni123

答えて

0
<button href="#/login/:register/" class="button button-block button-positive activated">Register</button> 

:registerがルートでパラメータであるapp.js。

簡易URLとして使用したいので、ルートから:を削除します。

app.js

.when('/login/register/', { 
    templateUrl: 'views/register.html', 
    controller: 'RegisterController' 
}); 

login.htmlと、あなたはhref

<a ng-href="#/login/register/">Register</a> 

OR、

<button ng-click="redirect()">Register</button> 

を使用したい場合はanchorを使用する必要がありますコントローラー使用中

$scope.redirect= function(){ 
    $loaction.path('/login/register/') 
} 
+0

これは動作しません – moni123

+0

しかし、これまでRegisterCotrollerを作成していませんでした。 – moni123

0

ボタンの代わりにアンカータグを使うべきだと思います。私は、あなたが時間を持っていて、rouuting、TRUのUIルータの上に、より良いハンドリングを必要とする場合、私は、UIのルータを使用することをお勧め

<a href="#/login/:register/">Register</a> 
+0

これは動作しません – moni123

+0

しかし、これまでRegisterCotrollerを作成していませんでした。 – moni123

+0

入れ子になったビューを探していますか?もしそうなら、ng-routerの代わりにui-routerを使うのが良いです –

0

が、それはUI-SREF、 を使用して代わりに、URLの状態を使用しています意味します。

+0

それを行う方法。 – moni123

+0

これは角度ngRouterの進歩です、このチュートリアルを試してみてください。 https://angular-ui.github.io/ui-router/ –

関連する問題