使用Ember.js在Javascript中更新DOM中的值

Question

我是Ember.js的新手。我在我的HTML如下實驗：

<p>Username: {{view Ember.TextField valueBinding="MyApp.loginController.bound.username" id="view-login-username" placeholder="Your username"}}</p> 

The username field is: {{MyApp.loginController.bound.username}} 

{{#view Ember.Button 
    classBinding="isActive" 
    target="MyApp.loginController" 
    action="submitLogin"}} 
    Login {{/view}} 

在我的Javascript我有以下幾點：

MyApp = SC.Application.create(); 
MyApp.loginController = Ember.Object.create({ 
    bound : { username:'12345' }, 

    submitLogin: function() { 
     MyApp.loginController.bound.username = "abcdef"; 
     alert(MyApp.loginController.bound.username); 
    } 
}); 

當我把我的「登錄」按鈕，更改爲「ABCDEF」不會出現在DOM中，也不在緊接賦值之後的alert（）中。警報出現但仍顯示「12345」。

我錯過了什麼？

謝謝！

Answer 1

或許應該放在120pt字體在灰燼主頁頂部的下列內容：

當灰燼的對象使用屬性，一定要使用Ember的通用存取（取得，的getPath，設置，和的setpath）！

變化MyApp.loginController.bound.username = "abcdef";到MyApp.loginController.setPath('bound.username', "abcdef");