角1：複数の条件を含む複数の条件または他の条件が真である場合に条件を除外する方法

Question

今は1つの条件を保持するために追加のスパンを作成しました。

<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> 

どのようにすべての条件が1つの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.