Cách liên kết-attr trong ember.js hoạt động như thế nào?

Question

Tôi chưa thực sự tạo ứng dụng, nhưng tôi bị nhầm lẫn bởi tài liệu về liên kết-attr. Nó nói rằng bạn có thể làm điều gì đó như:

App.LogoView = Ember.View.extend({ 
    logoUrl: 'http://www.mycorp.com/images/logo.png' 
}); 

Với một mẫu:

<div id="logo"> 
    <img {{bind-attr =logoUrl}} alt="Logo" /> 
</div> 

Để sản xuất:

<div id="logo"> 
    <img src="http://www.mycorp.com/images/logo.png" alt="Logo" /> 
</div> 

Và Tương tự:

App.AlertView = Ember.View.extend({ 
    priority: "p4", 
    isUrgent: true 
}); 

Với một mẫu:

<div {{bind-attr =priority}}> 
    Warning! 
</div> 

Để sản xuất:

<div class="p4"> 
    Warning! 
</div> 

Ember biết như thế nào là src thuộc tính trong ví dụ đầu tiên và một class thuộc tính trong ví dụ thứ hai? Trừ khi tôi đang thiếu một cái gì đó ở đây, điều này không có vẻ như nó thực sự thậm chí có thể.

Answer 1

Tài liệu có vẻ sai. Chạy mã như được liệt kê trong tài liệu, tôi nhận được lỗi sau:

Uncaught Error: Parse error on line 4: 
... <img {{bind-attr =logoUrl}} alt="Lo 
-----------------------^ 
Expecting 'CLOSE', 'STRING', 'INTEGER', 'BOOLEAN', 'ID', 'SEP' 

chạy mã như bạn sẽ mong đợi nó để tìm tác phẩm tốt. Bạn cần chỉ định thuộc tính được đề cập:

<div id="logo"> 
    <img {{bind-attr src=logoUrl}} alt="Logo"> 
</div> 

Đây là một tên thuộc tính và tìm lỗi trong bảng điều khiển).