Ember.js屬性綁定不起作用

Question

我無法使用Ember.computed.alias綁定到對象的屬性。以下是代碼片段。

代碼

(function() { 
    'use strict'; 

    var book = Em.Object.create({ 
    title: 'Just For Fun', 
    author: Em.Object.create({ 
     name: 'Linus Torvalds' 
    }), 
    authorName: Ember.computed.alias('author.name') 
    }); 

    // expected "Linus Torvalds", actual: dump of some object (perhaps author) 
    console.log('Before author name change:', book.get('authorName')); 

    book.get('author').set('name', 'Linus Torvalds & David Diamond'); 

    // expected "Linus Torvalds & David Diamond", actual: dump of some object (perhaps author) 
    console.log('After author name change:', book.get('authorName')); 

})(); 

我想自動更新authorName每當name內author變化。

請幫我理解我錯過了什麼。

Answer 1

您可以嘗試使用Object.extend，然後創建對象

(function() { 
    'use strict'; 

    var Book = Em.Object.extend({ 
    title: 'Just For Fun', 
    author: Em.Object.create({ 
     name: 'Linus Torvalds' 
    }), 
    authorName: Ember.computed.alias('author.name') 
    }); 

    var book = Book.create(); 
    // expected "Linus Torvalds", actual: dump of some object (perhaps author) 
    console.log('Before author name change:', book.get('authorName')); 

    book.get('author').set('name', 'Linus Torvalds & David Diamond'); 

    // expected "Linus Torvalds & David Diamond", actual: dump of some object (perhaps author) 
    console.log('After author name change:', book.get('authorName')); 

})();