Làm cách nào để tắt nút bằng cách sử dụng các ràng buộc dữ liệu trong Dart?

Question

Trong một phản ứng với một similar question, có nghĩa là hơn một năm cũ, tôi đọc về một cách dễ dàng để vô hiệu hóa một nút sử dụng dữ liệu ràng buộc trong Dart (và polymer-phi tiêu).

mã hiện tại của tôi trông như thế này:

html:

... 
<button id="btnPointDown" on-click="{{decrement}}" disabled="{{points == 0}}">\/</button> 
... 

.dart:

... 
@published int points = 0; 

void increment() { 
    points++; 
} 

void decrement() { 
    points--; 
} 
... 

Tuy nhiên Dart không có vẻ 'để trở nên thông minh' về phần tử bị tắt nữa.

Làm thế nào để sử dụng up-to-date Dart và Polymer để vô hiệu hóa một nút sử dụng liên kết dữ liệu (hoặc nếu không thể lập trình)?

Answer 1

Binding vào thuộc tính tàn tật có thể được thực hiện như thế này:

<button ... disabled?="{{ points == 0 }}">Content</button> 

? này được cú pháp đặc biệt được giới thiệu bởi Polymer để hỗ trợ ràng buộc để loại thuộc tính boolean.

này không hoạt động:

<button ... disabled="{{ points == 0 }}">Content</button> 

Bởi vì nó sẽ cho kết quả trong

<button ... disabled="false">Content</button> 

mà vẫn sẽ vô hiệu hóa các nút.

Đối Polymer> = 1.0 cú pháp mới để sử dụng là:

<button ... disabled$="{{value}}">Content</button> 

Lưu ý: value đã có được một boolean như Marco chỉ ra dưới đây. Nếu không, bạn phải tạo một hàm trả về points == 0. Xem Data Binding Documentation tại đây và Migration Guide tại đây để tham khảo.

Kính trọng, Robert

Answer 2

cho polymer 1.0 Tôi tìm thấy câu trả lời here.

Nó nên là: <button ... disabled$="{{myTestFunction()}}">Content</button>

FYI: Tôi có không thể sử dụng câu lệnh đơn giản như points == 0, nhưng thay vào đó tôi đã phải sử dụng một chức năng, mà trả về một boolean.