Làm cách nào để kết hợp biểu thức if/else với dịch góc trong một thuộc tính?

Question

Tôi đang sử dụng biểu thức if/else và bản dịch các giá trị có thể có bên trong trình giữ chỗ-Thẻ của phần tử đầu vào HTML. Nó rõ ràng không hoạt động theo cách này, bởi vì trong những dấu ngoặc kép lồng bên trong placeholder-tag:

<input type="number" 
     placeholder="{{constraint ? '{{"TERM_A" | translate}}' : '{{"TERM_B" | translate}}'}}" 
     ng-model="" 
     required 
     autocapitalize="none" 
     autocorrect="off" /> 

Làm thế nào để thiết lập các đơn/đôi dấu ngoặc kép phù hợp hoặc là có ngay cả một giải pháp thanh lịch hơn?

Answer 1

Đúng cách:

<input type="number" 
       placeholder="{{ (constraint ? 'TERM_A' : 'TERM_B') | translate }}" 
       ng-model="" 
       required 
       autocapitalize="none" 
       autocorrect="off" /> 

Một mẫu:

  label="{{ (detailsTriggered ? 'ui.showDetails' : 'ui.hideDetails') | translate}}" 

Cẩn thận với "[]" niềng răng, các loại dấu ngoặc kép và dấu nháy.