如何返回AND和OR邏輯運算符JavaScript

Question

我有一個很長的一行if語句在ng中 - 如果在我的html中。它太長了，所以我想做一個函數來評估它。

我的問題是，我不能讓我圍繞着如何「轉換」的& &或頭||嵌套if語句，我可以在一個函數中。能有人比我更聰明一些，能幫助我嗎？

這是我要轉換爲嵌套的if語句邏輯（我縮進它讓我在做什麼）：

ng-if="(
    (
    (filter === 'critical') 
    || 
    (
     !(
     (filter === 'status') 
     || 
     (filter === 'events') 
    ) 
     && 
     (
     (
      !(door.status_error_array.length >= 1) 
      && 
      (door.event_array.length >= 1) 
     ) 
     || 
     (
      !(door.status_error_array.length >= 1) 
      && 
      !(door.event_array.length >= 1) 
     ) 
    ) 
    ) 
) 
    && 
    (door.critical_error_array.length >= 1) 
)" 

Answer 1

推動這一邏輯控制器。只有非常簡單的表達方式才能進入視圖。

編輯

的第一步將是一個簡單的複製粘貼，如果您使用的是$範圍，而不是controllerAs語法，你需要預先this.$scope，在表達否則只是this：

YourController.$inject = ['$scope']; 
function YourController($scope) { 
    this.$scope = $scope; 
} 

YourController.prototype.testExpresstion = function() { 
    return (
    (
    (this.$scope.filter === 'critical') 
|| 
(
    !(
    (this.$scope.filter === 'status') 
    || 
    (this.$scope.filter === 'events') 
) 
    && 
    (
    (
     !(this.$scope.door.status_error_array.length >= 1) 
     && 
     (this.$scope.door.event_array.length >= 1) 
    ) 
    || 
    (
     !(this.$scope.door.status_error_array.length >= 1) 
     && 
     !(this.$scope.door.event_array.length >= 1) 
    ) 
) 
    ) 
    ) 
     && 
     (this.$scope.door.critical_error_array.length >= 1) 
    ) 

} 

您的觀點也只是簡單地是這樣的：

<div ng-if="testExpression()"> 

當然不叫它testExpression。根據它的作用給它一個上下文名稱。

一旦你的工作，寫這個方法的單元測試。然後重構此方法，並將每個條件移入自己的方法，直到任何開發人員對此應該做的事情變得清楚。