將樣式屬性轉換爲ng樣式

我在angularjs應用程序中具有以下樣式，該樣式工作正常。可以用ng樣式替換它，還是更好地堅持style屬性，因爲我現在擁有它？將樣式屬性轉換爲ng樣式

style="border-bottom:solid {{command.name == 'Delete' ? '1px':'0px'}} lightgray; 
         padding-bottom:{{command.name == 'Delete' ? '10px':'0px'}};

我試過的ng樣式的代碼，但沒有奏效。

ng-style="{border-bottom:solid {{command.name == 'Delete' ? '1px':'0px'}} lightgray; 
        padding-bottom:{{command.name == 'Delete' ? '10px':'0px'}}; }"

來源

2015-04-27 Sunil

這是因爲它採用了一個對象，沒有必要做{{}}在那裏：

ng-style="{ 
    borderBottom: 'solid ' + (command.name == 'Delete' ? '1px':'0px') + ' lightgray', 
    paddingBottom: (command.name == 'Delete' ? '10px':'0px') 
}"

來源

2015-04-27 16:43:01

我想你的代碼，但沒有奏效。錯誤：[$ parse：syntax]語法錯誤：令牌';'是意想不到的，期待在表達式 – Sunil

表達式的第147列如果我對你的代碼做了這2個改變，那麼它的工作原理是：在paddingBottom後面使用括號表示刪除最後一個分號 – Sunil

是的，我忘記刪除' ;」。我修復了答案 –

將樣式屬性轉換爲ng樣式

回答

相關問題