ng-style

    1熱度

    1回答

    http://plnkr.co/edit/PuP3f71kCjkqgjjMkgNS?p=preview 的樣式屬性我有一個NG風格=「tghov.top」我tags-modal但是它沒有轉化爲style="top:50!important"的標記。 this.top = { "top" : "50px !important" }; var app = angular.module('plunker

    0熱度

    1回答

    有人可以告訴我使用[style.width.px]語法優於ngStyles或style defined in an external css file定義的樣式的優點。如果我們以任何一種方式定義它,我認爲沒有太大的區別。 我看到某處[style.width.px]增加了動態樣式,但無法理解,因爲在這種情況下這將是必需的。有人可以暴露這種情況下,使用[style.width.px]種財產會有用嗎?

    0熱度

    1回答

    我有一個角度爲Kendo UI Grid,它從我的數據源讀取一系列屬性。 其中之一包含一個顏色字符串。我想使用上述顏色字符串來爲網格中的方框設置背景顏色。 我使用的盒子下面的模板: template: "<img class='alarm-box-prediction variable' ng-style={'background-color': dataItem.type}'></img>"

    5熱度

    3回答

    我嘗試使用[ngStyle]設置懸停屬性狀態。以下僅設置正常的狀態顏色。當我將鼠標懸停在按鈕上時,該按鈕不會按預期方式更改爲按下的顏色。 <button (click)="logout()" class="btn register-button" [ngStyle]=" hover ? {'color': theme.logoutButtonColorPress

    1熱度

    1回答

    我想用ng樣式製作一個進度條。問題是,當我製作它時,進度滑塊只能在中間進行,而不能覆蓋整個酒吧。進度條應該在幾小時內,例如:4小時,5小時等。當我使用%時,它可以工作。任何人都可以幫忙嗎? 這是我的代碼: <div class="progress-bar progress-bar-slider"> <input class="progress-slider" type="rang

    2熱度

    3回答

    我想在ngStyle中設置兩個函數。我試過[ngStyle]="setAlignmentStyle(element.alignment);setShapeStyle(element.shape);",但它給模板解析錯誤。 我應該如何在ngStyle中設置兩個函數? page.component.ts export class PageComponent { // ... s

    0熱度

    3回答

    我有一個列表,顯示從一個分貝的單詞查詢,從那裏我可以點擊一個單詞,它被推到另一個列表,我可以保存比。有了這個,我可以創建不同的詞彙表。我想要做的是給這些單詞另一種顏色,如果我已經把它們推到我的新名單上。 爲此,我使用我的控制器中的函數來比較兩個列表與angular.foreach。如果wordFromQuery._id === wordOnNewList._id我給了單詞另一個背景顏色與ng樣式。

    1熱度

    1回答

    更新NG風格我有一個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': '{{ switch

    0熱度

    1回答

    我有一個JSON對象 "blog1":{ "blogid":"1", "body":"sometext" "IMG":"URL of image" } 我試圖訪問該對象IMG元素使用NG式如下 <Div ng-controller="controller as ctrl"> <div ng-style="background-image:URL('{{ctr

    2熱度

    3回答

    我需要通過ng-style設置從配置對象元素的背景,但我不能這樣做,對於一些未知的原因,這對我來說真的很奇怪,我真的找不到理由。 元素我想配置: <div id="progress-l" ng-style="{ 'width': pblc.options.width, 'height': pblc.options.height, 'background': plbc.options.color }