[解決済み] ng-repeat内のng-click関数にパラメータを追加しても、うまくいかないようです。
2022-03-25 04:54:20
質問
というシンプルなループがあります。
ng-repeat
このように
<li ng-repeat='task in tasks'>
<p> {{task.name}}
<button ng-click="removeTask({{task.id}})">remove</button>
</li>
コントローラの中にある関数
$scope.removeTask(taskID)
.
私の知る限り、Angularはまずビューをレンダリングして、補間された
{{task.id}}
を数字に変換し、クリックイベント時に
ng-click
の文字列を表示します。
この場合
ng-click
は完全に期待通りのものを取得します。
ng-click="removeTask(5)".
しかし...何もしてくれません。
を取得するコードを書くことはできます。
task.id
から
$tasks
の配列やDOMでも良いのですが、これはAngularの方法ではないように思えます。
では、どのようにすれば動的コンテンツを
ng-click
ディレクティブの内部で
ng-repeat
のループに入るのでしょうか?
どのように解決するのですか?
の代わりに
<button ng-click="removeTask({{task.id}})">remove</button>
はこれを行う。
<button ng-click="removeTask(task.id)">remove</button>
このフィドルをご覧ください。
関連
-
[解決済み】typeerrorは、未定義のプロパティ'data'を読み取ることができません。
-
angularjs ローカルデータストレージ LocalStorage
-
[解決済み] AngularJsでng-Cloakディレクティブを実際に使用する方法とは?
-
[解決済み] Apigee API へのリクエストで 401 レスポンスエラーが発生する
-
[解決済み] 誰かangularjsの$qサービスの使用について説明してください。[重複しています]。
-
[解決済み] ng-pattern` - 数字だけをチェックする方法は?
-
処理されない例外が発生しました。Angular 実行中のプロジェクトで NGCC に失敗しました。
-
angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない
-
[解決済み] Angular JSによるシンプルなポップアップ
-
[解決済み] AngularJS:AngularJSがテンプレートをレンダリングした後に、追加のコードを実行するにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular ng-repeatの条件付きラップアイテム(ng-repeatのグループアイテム)。
-
[解決済み] どのようにangularJSでrouteProviderとlocationProviderを設定するのですか?
-
[解決済み] ng-repeat内で$indexを使用して、クラスを有効にしてDIVを表示するにはどうすればよいですか?
-
[解決済み] AngularJS の ng-disabled ディレクティブに式を指定しても動作しない
-
[解決済み] 新しい/分離されたスコープを求める複数のディレクティブ [ngController, ...] がある。
-
[解決済み] AngularJS 。scope.apply()呼び出し時の$digest already in progressエラーを防ぐ。
-
angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない
-
AngularJSのベストプラクティス。ng-repeatの$indexに注意する。
-
[解決済み] AngularJSのコントローラを指定する:ngControllerと$routeProviderを使用する利点
-
[解決済み] ng-classを使った複数クラスの追加