2016-12-14 134 views
0

是否可以在ng樣式中添加自定義css屬性又名css變量?ng樣式和自定義css屬性

我曾嘗試使用此:

<li ng-repeat="item in vm.items" ng-style="{'--index': $index}">{{item.name}}</li> 

但這不工作我的風格屬性沒有--index的開發人員工具檢查時。

回答

1

沒有你需要輸入一個有效的CSS屬性像

<li ng-repeat="item in vm.items" ng-style="{'z-index': $index}">{{item.name}}</li> 
0

試試這個方法:

<body ng-app="myApp" ng-controller="myCtrl"> 

<h1 ng-style="myObj">Welcome</h1> 


<script> 
//u can put that <script> content in a separadet file 
var app = angular.module("myApp", []); 
app.controller("myCtrl", function($scope) { 
    $scope.myObj = { 
     "color" : "white", 
     "background-color" : "coral", 
     "font-size" : "60px", 
     "padding" : "50px" 
    } 
}); 
</script> 
</body>