問題タブ [angularjs-interpolate]

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 投票する
6 に答える
49173 参照

javascript - HTMLで角度計算パーセンテージ

ここでAngular noob!次のように、html にパーセンテージ値を表示しようとしています。

それは機能しますが、奇妙に見える非常に長い小数を与えることがあります。小数点以下2桁に丸めるにはどうすればいいですか?これに対するより良いアプローチはありますか?

0 投票する
2 に答える
3371 参照

angularjs - ng-bind-html と {{補間}}

それが私の質問です、長所と短所は何ですか?

私のアプリでは補間を使用していますが、このようなエラーが発生します

{{::sport.name}}->NHL Futures & Props

そして、私が使用する場合ng-bind-html

ng-bind-html="sport.name"->NHL Futures & Props

この場合ng-bind-html、私がやりたいことをしています。しかし、何か問題がありますか?

他よりも優れたものはありますか?

教えてください、私は提案を受け入れています。

0 投票する
2 に答える
4313 参照

javascript - Angular でプレースホルダーをいじる

一種の ng-placeholder などがありますか?

Risk計算入力である入力用のデフォルトのプレースホルダーを配置したいのですが、計算が2秒続く場合があるため、そのRiskプレースホルダーを削除して、そこにローダー/スピナーを配置します。これが私が持っている方法です

ローダー/スピナーが表示される場合、falseの場合、Winという単語が表示される$scope変数があります。同じことをしたいのですが、そこにはありません。プレースホルダーRiskを使用して入力で実行したいのですが、が true の場合は、 Riskという単語を非表示にします。betLoadertruedivbetLoader

あなたの提案は何ですか?

編集

divスピナーがクラスにあることを考慮してspinnerください。そのため、そのスピナーを入力内に配置する必要があります。

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

javascript - ES6 + Angular 1.4 ディレクティブでの補間

現在、「新しい」ES6 + Angular の組み合わせを試していますが、スコープ バインディングを含むディレクティブで html 文字列を補間することに行き詰まりました。

次のオプションを試しました:

現在の状況

次のコードは機能しますが、ディレクティブの代わりにフィルターを使用しています。

HTMLファイル

モジュール内のフィルター (ES6 を使用しない古い学校の角度)

複数の要素にフィルターを追加する必要がないように、補間ロジックをディレクティブに移動しようとしている理由。

働いているが醜い状況

HTMLファイル

指令

モジュール

望ましい状況(まだ機能していない)

HTMLファイル

指令

モジュール

要するに:私は望ましい状況で働きたいです

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

javascript - $sce.trustAsHtml 内の二重中括弧の設定

$sce.trustAsHtml を使用して HTML に解析される文字列 (item.tabs.review.content) をレンダリングする必要があります。

私が抱えている主な問題は、文字列内に項目オブジェクト (item.tabs.review.images) の配列への参照があることです。

私が抱えている問題は、HTML がブラウザーでレンダリングされると、二重中括弧が無視され、オブジェクトによって取り込まれないということですか?

プランカーを追加しました。http://plnkr.co/edit/Jkrx3SxNjWmHPQnKbnFY?p=preview

0 投票する
3 に答える
35 参照

javascript - このAngularコードの何が問題になっていますか?

これは、画像を取得するために使用しているコードです。

しかし、それは画像を取得しません。

ファイル パスのみを取得し、製品イメージ名は取得しません。

0 投票する
2 に答える
854 参照

angularjs - ファクトリー/コントローラーの約束から返された画像のURLでangular ng-srcを更新する方法は?

私のアプリには、1 つのビューから Twitter ハンドルで構成されるユーザー入力を取得し、それをコントローラーを介してファクトリに渡し、そこでいくつかの API 呼び出しが行われるバックエンド コードに送信されるコントローラーがあります。返された画像の URL を取得します。

サーバーから画像の URL を取得することはできますが、別のビューを追加しようとしてしばらくクジラがいます。ここで見つけた $scope やその他のさまざまな提案をいじってみましたが、まだ機能しません。

写真をhtmlビューに補間するために、さまざまなことを試してみました。私は $scope を注入して、それで遊んでみましたが、まだサイコロはありません。$scope を使用しないようにしています。私が理解していることから、$scope を悪用せず、代わりに使用し、ビューでthisコントローラー エイリアス ( controllerAs) を使用する方がよいからです。

コントローラーに返された約束がビューに表示したい imageUrl であることを確認できますが、どこが間違っているのかわかりません。

私のコントローラーコード:

これが私の工場コードです:

これは私のapp.jsです

返された画像のURLを追加したいビューは次のとおりです