問題タブ [ng-style]

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 に答える
69 参照

angularjs - AngularJS ng-include 関数またはプロパティごとの値バインディング

私は次のことをしたいと思います:

ng-style="{ 'width': iconWidth(), 'height': height }"

iconWidth関数でありheight、文字列です。ng スタイルの構文を維持し、ng スタイルをオブジェクト全体にバインドしたくありません ( ng-style="css".

ご協力いただきありがとうございます。

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

javascript - AngularJS: 背景画像として動的に base64 でエンコードされた画像の ng-class

動的な base64 でエンコードされた画像を div の背景画像として配置するために ng-class を使用できた人はいますか? JQuery で動作するようです ( Is there a way to set background-image as a base64 encoded image in javascript?を参照してください) が、AngularJS の解決策はまだわかりません。私のこのアプローチはうまくいかないようです:

dynamicImageREST Web サービスを介してオンザフライでロードされる base64 イメージ文字列を保持します。これがまったく機能するかどうか、またどのように機能するかについての考えはありますか?

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

javascript - AngularJS ng スタイルが 2 回実行されていますか?

要素から ng-repeat 属性を削除しても、randomWidth() 関数が 2 回呼び出されるという問題があります。この問題を回避する方法がわかりません。これを回避する方法があると思いますか、それとも明らかに省略しているものがあるのでしょうか?

HTML:

Javascript:

ライブ コード: http://codepen.io/daviddiefenderfer/pen/qZpqdK

0 投票する
4 に答える
29552 参照

angular - Angular2 例外: 既知のネイティブ プロパティではないため、「ngStyle」にバインドできません

私は最近、新しい Angular2 フレームワークで多くの作業を行いました。いくつかの機能をテストしているときに、次のエラーが発生しました。

Can't bind to 'ngStyle' since it isn't a known native property

エラー自体を調査しているときに、「ディレクティブ: [NgStyle]」をコンポーネントに追加するなど、いくつかの解決策にたどり着きましたが、これでは問題は解決しません。

コードは次のようになります。

main.ts

app.ts

ボタン.ts

ご協力ありがとうございました。

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

javascript - 他のDOM要素に基づいてngスタイルで変数を使用する

ページ上の別々の DIV に並んでいる 2 つのテーブル (.table1 と .table2) があり、コンテンツに関係なく、2 番目のテーブル行を最初のテーブル行の高さと一致させて、それらが完全に整列するようにします。最初のテーブルは、データベースの値に基づいて ng-repeat を使用して構築されるため、高さが異なる場合があります。いずれにしても、2 番目のテーブルの同等の行は常に一致する必要があります。

私はさまざまなアイデアを試してきましたが、table2 行の ng スタイルで jQuery セレクターを使用するとうまくいくかもしれないと考えていましたが (以下を参照)、そうではありません。

また

明らかに機能していませんが、jQuery セレクターを特定の値に置き換えると、期待どおりに行のスタイルが設定されます。

私はjQueryの使用に悩まされていませんが、他の場所で使用しているので問題はありませんが、基本的には、最初のテーブル(.table1)の行の高さに基づいて各テーブルの行の高さを揃えたいだけです。問題は、table1 の行の高さの値を取得し、angular を使用して table2 の同じ行の高さとして適用するにはどうすればよいかということです。

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

angularjs - angular js(1.3.20)を使用してbody要素の背景画像を動的に変更する方法

angular jsを使用してbody要素の背景画像を動的に変更したい。私は以下のようにこれをやろうとしています:

コントローラーから vm.img が設定されている場所ですが、それに応じてイメージを変更できません。

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

javascript - Angular JS - 文字列の 10 $Digest サイクル エラー?

実行中にコンソールを参照してください - http://jsfiddle.net/E9bU5/239/

他のSOの投稿から、結果がオブジェクトであり、常に異なる場合にこのエラーがスローされることを理解しています。しかし、私の場合、それは単なる文字列です。それからまたエラーを投げています。これを修正する方法は?

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

forms - Angular2で条件が満たされた場合、選択した属性をドロップダウンリストに設定します

私のプロジェクトには、 acompanyと an の2 つのオブジェクトがありuserます。ユーザーが自分のプロフィールを更新できるフォームがあります。彼が更新できるものの 1 つは国です。ここで、ドロップダウン リストを使用して国を表示します。

の が の実際のと等しいselectedオプションで属性を設定したいと考えています。( )namecountrycountryusercountry.name==user.country

これは私が試したことですが、うまくいかないようです。

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

javascript - さまざまなページの背景のボディタグにAngular ng-style?

angular と ngroute は初めてで、ng-style を使用して、Web サイトのページごとに異なる画像の背景を使用しようとしています。現在、コントローラースコープの画像 URL が異なる場合でも、すべてのサイトのページの背景を設定しています。

私のhtmlは次のようなものです:

私のスクリプト: var angVenture = angular.module('angVenture', ['ngRoute']);

ui-router でこれを行う方がよいでしょうか?