以角度選擇父元素

我想選擇父角色（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 !  
     } 
});

我應該爲這個問題呢？

來源

2017-01-22 mahdi khodadadian

你想要什麼，爲什麼不使用NG式 –

我用NG-風格：NG-風格=「product.name.length <= 32 { '的line-height'：「50像素！重要的'}：{}「。但它不適合我！ –

本例中根本不需要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>

來源

2017-01-22 18:28:26 basam96

非常感謝。我測試了它，但它對我不起作用！ –

你能舉個例子嗎？ –

我自己測試了它，顯然你不能在'ng-style'中使用'！important'關鍵字。我的解決方案是爲您的自定義樣式創建一個新的CSS類。我用'ng-class'更新了答案。這應該工作。 – basam96

以角度選擇父元素

回答

相關問題