Chuyển đổi giá trị boolean thành có/không bằng chỉ thị góc

Question

Tôi cần hiển thị giá trị Boolean thành có/không sử dụng chỉ thị. Chỉ thị của tôi được đưa ra dưới đây

directives.directive('niBooltoYesno', 
     function() { 
      return { 
       restrict: 'EA', 
       require: 'ngModel', 
       link: function (scope, element, attrs, ngModel) { 
        function formatter(value) { 
         if (value) { 
          return value === true ? 'Yes' : 'No'; 
         } else { 
          return ''; 
         } 
        } 
        ngModel.$formatters.push(formatter); 

       } 
      }; 
     }); 

<ni-boolto-yesno data-ng-model="set_unit.isActive" ></ni-boolto-yesno> 

Nhưng nó không hoạt động. Xin hãy giúp tôi trong thời điểm này.

Answer 1

Bạn hiện không sử dụng đúng công cụ cho công việc. Đây phải là một bộ lọc:

{{ someBooleanValue | yesNo }} 

Bộ lọc sẽ được đơn giản như

module.filter('yesNo', function() { 
    return function(input) { 
     return input ? 'yes' : 'no'; 
    } 
}); 

Nếu bạn vẫn chọn để sử dụng một chỉ thị, bạn không cần phải ngModel và trình định dạng, được sử dụng vào mẫu các trường phải đọc và ghi vào một mô hình. Tất cả bạn cần là một mẫu:

module.directive('yesNo', function() { 
    return { 
     template: '<span>{{ yesNo ? "yes" : "no" }}</span>', 
     scope: { 
      yesNo: '=' 
     } 
    }; 
}); 

và bạn woud sử dụng nó như

<span yes-no="someBoolean"></span> 

Answer 2

Sự cố xảy ra ở if (value). Điều này làm cho dòng return value === true ? ... chỉ được xử lý khi giá trị thực sự trung thực (tức là không bao giờ cho false). Bạn chỉ cần để xây dựng các điều kiện đúng:

function formatter (value) { 
    return (value === true) ? 'Yes' : ((value === false) ? 'No' : ''); 
} 

---

Một phiên bản với khả năng đọc tốt hơn:

function formatter (value) { 
    if (value === true) { 
     return 'Yes'; 
    } else if (value === false) { 
     return 'No'; 
    } else { 
     return ''; 
    } 
} 

---

Edit: Tôi đã không nhìn HTML của bạn. Như một câu trả lời chỉ ra, sử dụng ng-model cho điều này là một ý tưởng tồi, tạo ra một bộ lọc nên phù hợp với bạn tốt.

Answer 3

tôi xác định giá trị văn bản cho 0 và 1 với ...

{{object.PROPERTY?'Yes':'No'}} 

... khi được trình bày như sau:

{ 
    "PROPERTY": 0 
} 

Kết quả sau đó sẽ là 'Không'.