Как добавить CSS свойство для FirstChild с AngularJS (jqLite)

Question

Я хочу, чтобы добавить css к первому <div> элемента (FirstChild) внутри <div> с конкретным id. Как я могу достичь этого с помощью AngularJS (jqLite).

Моего HTML выглядит следующим образом:

<div id="modulare"> 
    <div class="ibox-content ibox-content"> 
    ... 
    </div> 
    <div class="ibox-content ibox-content"> 
    ... 
    </div> 
</div> 

Моих AngularJS (не работают даже без выбора первого ребенка):

if (angular.element('#modulare .ibox-content')){ // I need the first child here 
    angular.element('.ibox-content').css("border", "none"); 
} 

Надеется, что вы можете помочь.

Answer 1

Попробуйте так:

if (angular.element('#modulare.ibox-content').first()){ // I need the first child here 
    angular.element('#modulare.ibox-content').first().css("border", "none"); 
} 

Answer 2

Есть определенные способы сделать это, но на вашем пути, вы можете попробовать:

if (angular.element(document.getElementsByClassName('ibox-content'))){ // I need the first child here 

angular.element(document.getElementsByClassName('ibox-content')).css("background-color", "red"); 
    } 

через CSS: взять класс, без границы

.noborder{ 
border:none !important; 
} 

У вас должен быть ng-класс в вашем html:

<div class="ibox-content ibox-content" ng-class="newclass"> 

В контроллере вы можете добавить этот класс всякий раз, когда вы не хотите границы:

$scope.newclass='noborder'; 

Важно: код не проверяется. создано в соответствии с вашими потребностями