AngularJS - 使用ng-style将样式应用于ng-repeat中的第一个元素

Question

我有一个样式对象,我需要为第一个元素设置另一个css样式.我特别为此创建了一个指令,但它不起作用

我将非常感谢你的帮助!

这是代码:

<div class="row" ng-style="rowCss" ng-repeat="top in gridObj" ng-zero>

$scope.rowCss = {
    "height" : rowAndSquareHeight,
    "padding-top": baseLine
}

editorApp.directive('ngZero', ['$document', '$parse', function($document, $parse) {
    return function(scope, element, attr) {
        $(element).css({"padding-top" : "0px"});
    };
}]);

谢谢!

Answer 1

<div class="row" 
    ng-style="{ true : rowCss }[$first]" 
    ng-repeat="top in gridObj">
    ...

Plunker