ng-style

4熱

4答えて

今、CSSにハードコードされた背景画像URLがあります。私は、Angularのロジックを使って背景画像を動的に選択したいと思います。ここで私は、現在持っているものです。 HTML <div class="offer-detail-image-div"><div> CSS .offer-detail-image-div { position: relative; displa

0熱

1答えて

私は、コンテンツをngのためにngStyleをバインドしようangular2

で-conent ngのためにngStyleをバインドする方法、それは動作しません、例えば、以下を参照してください。 <ng-content select="panel-one" [ngStyle]="{'width':size+'px'}"></ng-content> 私は解決策の下に見つけるだけで、インターネット上で検索し、 https://plnkr.co/edit/T5CoP5qmd4

0熱

1答えて

ngStylesまたは外部スタイルで定義する代わりにstyle.width.pxを使用する利点

ngStylesまたはstyle defined in an external css fileで定義されたスタイルより[style.width.px]構文を使用する利点を教えてもらえますか。いずれにしてもそれを定義すると大きな違いはないと思います。 [style.width.px]はダイナミックスタイルを追加しましたが、どのシナリオでこれが必要なのか理解できませんでした。誰かがこのようなシナリオ

1熱

1答えて

ng-styleのバーを進める方法

ng-styleのプログレスバーを作ろうとしています。問題は、私がそれを作るとき、進捗スライダーが途中でしか動かず、バー全体をカバーしないということです。進捗バーは、4時間、5時間などのように時間単位で表示する必要があります。誰も助けることができる？これは私のコードです： <div class="progress-bar progress-bar-slider"> <input

-1熱

1答えて

Angularjsはフォントスタイルを変更します

変数がtrueの場合、要素のフォントスタイルを変更しようとしています。私のコントローラには値が返される変数があります。今度は戻り値に基づいてフォントスタイルを変更したいと思います。これはng形式で行われます。既にインターネットで検索されています。 W3の学校とすべてが動作しません。誰かが私に例や役立つチュートリアルやヒントを教えてください。ありがとうございます。ここで

2熱

3答えて

Angular2 NgStyleの2つの関数

ngStyleに2つの関数を設定したいと思います。私は[ngStyle]="setAlignmentStyle(element.alignment);setShapeStyle(element.shape);"を試しましたが、テンプレート解析エラーが出ます。 ngStyleで2つの関数を設定するにはどうすればよいですか？ page.component.ts <div [ngStyle]="setA

0熱

1答えて

ngStyle内の補間

gridで使用する列コンポーネントを作成するときに、ngStyleのメディアクエリを使用する必要があります。これは私がこれまで持っているものです。 import { Component, Input } from '@angular/core' const smMin = '48em' const mdMin = '64em' const lgMin = '75em' const ha

0熱

3答えて

ng形式の背景画像のURLがFirebaseのストレージ参照で動作しない

divに背景画像をロードしようとしています。いくつかのオプションを試しましたが、私のページは空白です。何も表示されません。以下は、私が試したさまざまなスタイルがあります：、私のコントローラで <div ng-style="{'background-image': 'url(' + profilepic + ')'}"></div> <div ng-style="{'background-ima

1熱

1答えて

ng-repeatでng-styleを更新するには

ng-styleはng-repeatです。問題はng-styleの値は変更後に更新されますが、実際のスタイルは変更されません。 <tr class="row" ng-repeat="(hourIndex, hour) in day track by $index"> <td class="cell" ng-style="{ 'background-color': '{{ sw

0熱

1答えて

なぜ、ネストされた中括弧が機能しないのですか？それに代わる解決策は何ですか？

私はこれが私のコントローラは（ラフ）のように見えます <Div ng-controller="controller as ctrl"> <div ng-style="background-image:URL('{{ctrl.object.blog{{ctrl.blogId}}.IMG}}');" > 以下のようにIMG要素がNGスタイルを使用してdivの背景IMGとして設定するオブ