ng-style

0熱度

2回答

我開始使用angular並創建我的「小」項目。我想出了模板問題。基本上，我嘗試使用角度動態設置元素的顏色。我無法弄清楚什麼是最好的和「正確」的方式來做到這一點。可以在範圍中使用if語句嗎？或者更好地使用指令？我的主要目標是能夠將顏色從管理員模式設置爲工具欄及其圖標。謝謝你的回答。

-1熱度

1回答

（AngularJS）如何在沒有ng-repeat的情況下隨機排列div中的兒童

我正在製作一個基本的瑣事應用程序，並且我從客戶端收到的JSON數據不允許我重複瑣事頁面。我有六個靜態元素，它們根據前一頁中的過濾數據（類別選擇等）顯示我的選擇。如果不隨機排列這些元素，獲勝的選擇總是在同一個地方。我想在Flex中使用Flexbox的「order」屬性來完成此操作。我想生成1到6之間的隨機數，然後將它們分配給每個選項。我在想ng-style會是我的朋友，我可以簡單地爲每個選項調用一

0熱度

1回答

實例化一個對象，以便它可以與多個指令共享

我在做什麼：我正在創建兩個屬性指令：一個將元素移動到左側，另一個移動元素在頁面上居中。見下面的代碼。請注意，我操縱ng-style來設置這些CSS屬性（將元素向左移動，並以頁面爲中心）。問題：當我使用都指令的元素，第二個指令的scope.style={}明顯覆蓋第一個。這意味着我無法同時應用ng-style /屬性。我的問題：什麼是一個簡單的方法來實例化對象scope.style，這樣我

0熱度

1回答

如何正確使用css的「calc（）」ng樣式

我有以下內聯樣式使用Angular的ng樣式和css的「calc（）」，但它不起作用。誰能告訴我什麼是錯的？ // my jade file has a class named '.logo-area'. .logo-area(ng-style="{'right':'calc(100% -'+({{fixedWidth}}+'px') +')'}")

1熱度

1回答

ng-repeat的AngularJS和ng-style

我在使用ng-repeat的ng-style時遇到了問題。這是我的代碼： <div style="display:table-row" ng-repeat="row in Data.Communications" id="{{row.Guid}}"> <div style="display:table-cell;"> <img ng-src="{{row.Path}}" n

1熱度

1回答

使用angularjs禁用彈出窗口的背景而不使用引導程序

我想使用div，ng-class，ng-style和css3樣式禁用彈出框和背景屏幕。我不想使用BOOTSTRAP MODAL。我一直在努力完成這項工作。我試圖顯示並隱藏彈出窗口，但是它的所有操作都是在不顯示彈出窗口的情況下禁用屏幕。下面是代碼 HTML代碼 <div id="popupBackGround" class="popupModal-backdrop" ng-if="newUser==

1熱度

1回答

Angular ng style for :: after

我正在設計一個動態hr（horizonatal）規則。在我的樣式表 hr.my-hr:after{ content:'Generic' } 在我的模板 <div ng-repeat="name in ['Adam', 'Collin', 'David']"> <hr class="my-hr" ng-style="{'content':name}"> 但我怎麼使用動態N

1熱度

3回答

如何在！important中使用ng-style？

標籤按鈕已經分配了光標css。我想根據is_active值來覆蓋遊標css以禁用按鈕。 is_active可能具有0或1的值。以下是js/html的代碼，請讓我知道將光標css應用於按鈕的正確方法。 $scope.ngStyleDisabled = function(status) { if (status == 1) { return {}; } els

2熱度

2回答

我們可以在一個元素中使用多個ng樣式的對象嗎？

在控制器中我們有兩個ng樣式的對象。 $scope.rightpadding = { paddingRight : '11px' } $scope.toppadding = { paddingTop : '7px' } 我們希望在NG-風格來使用這兩個，像這樣有些事情是不能正常工作。它不能像 $ scope.style = { paddingRight： '

0熱度

1回答

視圖不會更改背景圖片

我有一個模板中，我調用一個函數，我有一個指令元素， .container-wrapper{"ng-controller" => "MovieRowCtrl"} %i.fa.fa-info-circle{"ng-click" => "updateSelectedMovie(movie)"} #big-box-container{"ng-if" => "rowActive"}