thuộc tính tàn tật không làm việc với thuộc tính cần thiết trên một số thẻ

Question

tôi đã phần sau của mẫu html:

<div class="row"> 
    <div class="medium-3 columns"> 
     <label>Category 
     <select [(ngModel)]="item.cat" name="cat" required> 
      <option *ngFor="let a of categories" [ngValue]="a">{{a.name}}</option> 
     </select> 
     </label> 
    </div> 

    <div class="medium-3 columns"> 
     <label>Categoria 
     <select [(ngModel)]="item.place" name="place" [disabled]="!item.cat"> 
      <option *ngFor="let c of places" [ngValue]="c">{{c.name}}</option> 
     </select> 
     </label> 
    </div> 
</div> 

Như bạn có thể nhìn thấy thứ hai select bị vô hiệu hóa cho đến khi người dùng chọn một lựa chọn từ đầu tiên chọn. Vì vậy, nếu người dùng chọn một tùy chọn từ lựa chọn đầu tiên, lựa chọn thứ hai sẽ trở thành hoạt động.

Bây giờ tôi muốn thêm required thuộc tính ngay cả vào lựa chọn thứ hai. Nhưng nếu tôi làm điều đó, select thứ hai luôn bị tắt.

Hành vi này có lạ không?

Đây là Plunker (nhờ Stefan Svrkota).

Answer 1

[đã tắt] hoạt động trên biểu thức boolean nếu biểu thức trả về/đánh giá thành true, biểu thức đó sẽ bị tắt nếu không. Trong trường hợp của bạn, bạn đã liên kết thuộc tính bị vô hiệu hóa với một giá trị số. đang đánh giá không có gì