[解決済み】ルートを呼び出すためにng-clickをどのように/いつ使用するのか?
2022-04-02 15:36:55
質問
ルートを使用するとします。
// bootstrap
myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
$routeProvider.when('/home', {
templateUrl: 'partials/home.html',
controller: 'HomeCtrl'
});
$routeProvider.when('/about', {
templateUrl: 'partials/about.html',
controller: 'AboutCtrl'
});
...
そして、htmlでは、ボタンがクリックされたときに、aboutのページに移動したい。 一つの方法として
<a href="#/about">
...が、ここでもng-clickが役に立ちそうです。
- その仮定は正しいですか? アンカーの代わりにng-clickが使われるということですか?
- もしそうなら、どのように動作するのでしょうか? IEです。
<div ng-click="/about">
解決方法は?
ルートは
$location
サービスを使用し、URLの変更に応答します(通常はハッシュを使用します)。ルートを有効にするには、単にURLを変更するだけです。これを行う最も簡単な方法は、アンカータグを使用することです。
<a href="#/home">Go Home</a>
<a href="#/about">Go to About</a>
これ以上複雑なことは必要ありません。しかし、もしこれをコードから行う必要があるならば、適切な方法は
$location
サービスです。
$scope.go = function ( path ) {
$location.path( path );
};
例えば、ボタンで起動させることができます。
<button ng-click="go('/home')"></button>
関連
-
[解決済み] AngularJSのディープリンクとは何ですか?
-
[解決済み] AngularJSのリソースプロミス
-
角型グローバル確認ボックス
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] angular-routeとangular-ui-routerの違いは何ですか?
-
[解決済み] AngularJS ng-click stopPropagation
-
[解決済み] ng-repeat内のng-click関数にパラメータを追加しても、うまくいかないようです。
-
[解決済み】Angularでルート変更を検出する方法は?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】TypeError: window.initMap is not a function
-
[解決済み] X-Frame-Options'を'SAMEORIGIN'に設定しているため、フレーム内での表示を拒否された。
-
[解決済み] AngularJSの.$uibModalとは何ですか?
-
[解決済み] AngularJSでkeypressイベントを使用するには?
-
[解決済み] AngularJSで画像を表示する
-
角型グローバル確認ボックス
-
[解決済み] どのように$state.goにパラメータを追加しますか?
-
[解決済み] AngularJs .$setPristineでフォームをリセットする
-
[解決済み] angularJSの::の意味するところ
-
[解決済み】AngularJS : コントローラ関数からビューを切り替えるにはどうすればよいですか?