角度1：具有多個條件的多個條件或者如果其他條件爲真如何排除條件

Question

現在，我創建了一個額外的跨度來保存一個條件。

<div ng-repeat="(key, resultLinks) in resultGroup.resultLinks"> 
    <div ng-if="key < 4 || viewMore" ng-repeat="(subKey, linksWrap) in resultLinks.linksWrap"> 
     <span ng-if="wWidth > 568 || subKey == 0" ng-repeat="links in linksWrap.links"> 
       {{links.linkName}} 
     </span> 
    </div> 
</div> 

你將如何改變它，以便所有的條件都在一個div中。即：ng-if =「（鍵< 4 || viewMore）||（wWidth> 568 || subKey == 0）」（類似這樣的，但不完全）。如果另一種情況屬實，可以以某種方式排除一種情況嗎？

Answer 1

這是你在找什麼？

(key < 4 || viewMore) && (wWidth > 568 || subKey == 0) 

Answer 2

是否有可能以某種方式排除一個條件，如果另一個是真的？

這正是OR（||）運算符正在做的事情。如果(key < 4 || viewMore)是true它不會進一步，(wWidth > 568 || subKey == 0)將不會執行。

這應該工作：

<div ng-if="(key < 4 || viewMore) || (wWidth > 568 || subKey == 0)" ng-repeat="(subKey, linksWrap) in resultLinks.linksWrap"> 
     <span ng-repeat="links in linksWrap.links"> 
       {{links.linkName}} 
     </span> 
    </div> 

正如你可以看到它看起來很醜陋。在您的控制器某處

<div ng-if="isVisible(key, subKey)"... > 

：我會提出邏輯從模板

$scope.isVisible = function(key, subKey){ 
    return (key < 4 || $scope.viewMore) || ($scope.wWidth > 568 || subKey == 0) 
} 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.