javascript - 以 Angular 选择父元素

Question

我想以 Angular 选择父级(searchres)并为其设置样式，但我做不到!我的 HTML 是这样的:

    <div ng-repeat="product in products" class="searchres">
         <a href="#">
              <img src="{{product.path}}" class="img-thumbnail" alt="{{product.name)}}" />
              {{product.name}}                            
         </a>
    </div> 

我的代码是这样的:

$.each($scope.products, function(index, value) {
      var namePro = value.name; 
      if (namePro.length <= 32) {
          $("body").find(".searchres").css("line-height","50px!important");// is wrong !       
          value.parentNode.css("line-height","50px!important"); // is wrong !       
      }
});

这个问题我该怎么办？

Answer 1

在此示例中根本不需要 Javascript 代码。您可以使用 ng-class 指令在特定条件下将类附加到您的 div。

<div ng-repeat="product in products" class="searchres" ng-class="product.name.length <= 32 ? 'your-class-name' : ''">
     <a href="#">
          <img src="{{product.path}}" class="img-thumbnail" alt="{{product.name)}}" />
          {{product.name}}                            
     </a>
</div>