問題タブ [ng-bind]

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.

0 投票する
1 に答える
373 参照

javascript - 関数/複雑な式を持つAngular ngBind

さまざまなオプションと、フォームのさまざまな部分に表示される現在の推定合計を含む単一ページの Angular 購入フォームがあります。推定合計インラインの計算はかなり複雑で、テストが困難です。

ng-bindスコープの関数にリファクタリングし、この関数として次のように指定して、ビューを DRY しようとしました。

このステートメントは、モデルが Ajax を介して取り込まifれる前に評価される場合があるため、必要です。$scope.purchase問題は、Ajax GET が完了する前に関数が最初に undefined を返し、その後ngBind再評価しないことです。

ngBind追加のモデル値を監視するように指示できますか? ngBindダーティチェックでうまく機能する複雑な式をリファクタリングするための別の推奨される方法はありますか?

0 投票する
1 に答える
441 参照

javascript - AngularJs: ng-Bind または ng-model にリストが表示されない

初心者からアンギュラーまで。

リストがありlist1 = ["item1"]ます。

リスト全体をラベルにバインドしたかったのです。つまり: <label> {{list1}} </label>. これは出力されます["item1"]。安っぽく見えたので、ng-bind を使ってみました。<label ng-bind = "list1"> </label>. これにより、出力が表示されませんでした(空白のラベル)。なぜこれがうまくいかなかったのですか?

2回目の試行で、これを行いました<label ng-bind = "list1[0]">。これはうまくいきました!! なんで?

今、私はそれで ng-model を試してみたかった. <label ng-model = "list1"> </label>. 動作しませんでした。それから私は試しました<label ng-model = "list1[0]">。運が悪い...うーん!私はこのシナリオについてまったく理解できません

ng-bind と ng-model の違いを見つけようとしました。ここでこれを見つけました。その答えが有効な場合、なぜ <label ng-bind = "list1"> </label> 等しくない <label> {{list1}} </label>のですか?

0 投票する
1 に答える
1088 参照

angularjs - Angular JSで同じ行に2つのng-bindアイテムを表示する方法は?

私は次のコードを持っています:

最初のケースでは正しく表示されますが、2 番目のケースでは名前が 2 行に分割され、 and を削除する<P></P>表示されないため、ng-bind を使用して名前を 1 行で表示するにはどうすればよいですか?

0 投票する
0 に答える
77 参照

angularjs - AngularJS ng-bind の問題

私はAngularアプリケーションに取り組んでいます。ng-bind2 つの異なるスコープ (1 つは親スコープ、もう 1 つは子スコープ) の 2 つの変数を使用して 2 つのモデル変数をバインドする必要があります。それは可能ですか?

これが私が試したコードです:

0 投票する
0 に答える
475 参照

angularjs - 括弧を含む式で ng-bind-html-unsafe を使用する

プロパティ名にハイフンを含むテンプレートで式をレンダリングする angular の場合、ドットの代わりに角かっこを使用する必要があります。docs.paragraph-content の代わりに docs["paragraph-content"] の例。この変数を ng-bind-html-unsafe 内で ng-bind-html-unsafe="doc["paragraph-content"]" のようにディレクティブ テンプレート内に出力しようとしていますが、構文エラーが発生しています。エラー: 構文エラー: トークン 'undefined' は、[doc[] で始まる式 [doc[]] の列 NaN のプライマリ式ではありません。