問題タブ [angularjs-ng-init]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angularjs - Angular: ng-init はロード時に実行されません
この ng-init の問題に関するスタック オーバーフローのいくつかの例を見てきましたが、コントローラーを使用してそれを参照するものを見つけることができないようです。
htmlファイルに次のものを含めることにより、コントローラーで関数を呼び出しました
コントローラーで:
実行されますが、コンポーネントが画面にロードされる前に実行されます。
何か不足していますか?
ありがとう
javascript - ng-init を介した双方向バインディングのデバッグが機能しない
ビューから双方向バインディング/スコープをデバッグ{{scope}}
するために、口ひげを生やした変数をconsole.logにするにはどうすればよいですか?ng-init
html:
js:
これを行うには他にも多くの方法があることは知っていますが、データがマークアップから適切にスコープされ、パイロットエラーではないことを確認しようとしています...
多くの固定位置要素があるため、console.log を使用することで、マークアップを簡単にテストできます。
更新:
補間を削除してもエラーはスローされませんが、表示されundefined
ます。
これには結果があります:
および svglayout 関数:
asp.net-mvc - Angular で ASP.Net MVC コントローラー/アクションを渡す
ネットで調べてみたのですが、なかなか良い答えが見つかりません...
これは、コントローラー/アクション URL を Angular に渡す正しい方法ですか?
またはそれを行うより良い方法はありますか?渡す URL が多数ある場合、これは非常に面倒な処理になる可能性があります。
javascript - AngularJS - ngRepeat で ngInit をリセットする
次の JSON 構造を想定します。これは、現在作業しているものから大幅に単純化されています。
Var1 と Var2 は、常に同じ構造を持つデータを表します。valuesVar1 と valuesVar2 も同じです。構造は同じで、var1 と var2 の追加情報が含まれています。
var1 を反復処理し、ng-init を使用して valuesVar1 から値を取得しようとしています。ユーザー インタラクションでは、反復の割り当てが var2 に変更されるため、var2 を反復処理して、valuesVar2 から値を取得していることに注意してください。
問題: var2 を反復処理すると、"test2" の値が 5 になるはずです。しかし、ngInit はすでに test2 が var1 を反復することを「認識」しているため、値は 2 のままです。
注: JSON 構造などを変更するようアドバイスする回答はしないでください。ここで提案されているように、既にオブジェクトをコピーしようとしました: angularjs - ngRepeat with ngInit - ngRepeat はレンダリングされた値を更新しません- しかし、これは機能しません。ngInit がオブジェクト参照ではなく文字列値「test2」を「記憶」しているためだと思います(しかし、私はそれを本当に知りません:))。
質問: オブジェクトの同じキーが前の反復で既に使用されている場合、反復で ngInit を再度実行するにはどうすればよいですか?
また、情報を含む jsfiddle http://jsfiddle.net/S329r/6/も用意しました。実行すると、var1 を反復処理し、次のような値を出力します。
これまでのところとても良いです、私はこれを期待しています。しかし、繰り返しに var2 が割り当てられると、次のようになります。
ここでは、test2 が値 5 を表示することを期待しています (ヒント: jsfiddle デモでは、「変更」ボタンは反復の割り当てを に変更しvar2
、「元に戻す」ボタンはそれを に戻しますvar1
)。
angularjs - ng-repeat を使用して冗長コードを削除する方法
WebプログラミングとAngularJSを学んでいます。HTML ファイルに冗長なコードがたくさんありますが、それらを削除する方法がわかりません。
HTML ファイル:
ng-repeat && ng-initを使用する必要があると思いますが、この場合の使用方法がわかりません..
angularjs - AngularJS の選択: 空のオプションを削除し、配列ではなくデータ オブジェクトを使用する
AngularJS が常に選択でレンダリングする空のオプションを削除する方法について、私は高低を検索してきました。オプションがコードに直接配置されたJSON配列から派生している場合、これを行う多くの情報が見つかりましたが、データオブジェクトを操作するときにこの空のオプションを削除することについては何も見つかりません.
データベースに「foo」というオブジェクトがあり、「foo」には「name」と「bar_id」の両方があるとします。
データオブジェクトでこれを行うことについて誰かが私に手がかりを与えることができますか?
参照: Angular JS 選択オプションから空白オプションを削除
http://jsfiddle.net/MTfRD/3/ (これは、上記の SO の質問からの誰かのフィドルです。コードは私のものではありませんが、そのフィドルから取得したものです。)
JS:
foo.name と foo.bar_id を取得したい。foo.name をオプション ラベルに、foo.bar_id を値にします (たとえば<option value="foo.bar_id">foo.name</option>
、各 foo について、foo.bar_id はレコード内の識別パラメーターになり、「変更時」にプルアップして表示します (選択するとすぐに)オプションの)。
これを設定するために考えられるすべてのことを試しましたが、何もうまくいかないようです。最悪の場合、何も言わずに失敗して、私が何を間違っているのか分からないか、または foo がオブジェクトではないと不平を言って、私を際限なく苛立たせます。(「foo」は、私が取り組んでいる実際のコードでAJAXリクエストによってロードされており、他の場所ではオブジェクトとして正常に機能します-NDAにより、実際のコードを共有することは禁じられていますが、申し訳ありません。)
上記の他のスレッドの例を使用するとng-model="typeOptions"
、テンプレート内の select タグに次のようなものを割り当てることは理解できますが、「typeOptions」を取得して foo にアクセスし、foo.name をオプション ラベルにし、foo.bar_id をオプション値にする方法を理解しています。 ? また、オプションのデフォルトの角度値 (生成されたインデックスのように見えるもの) は問題ありませんが、タスクを完了するために foo.bar_id を呼び出す必要があるため、「どこかに」ある必要があります。
助けていただければ幸いです。現在、私はオプション自体でハックな ng-repeat にこだわっていますが、これはベスト プラクティスではないことを理解しています。 、私はそれらをうまく使用できるようになります。ありがとう!