11、使用Handlebars.js和Ember Data构建Web应用

使用Handlebars.js和Ember Data构建Web应用

在Web应用开发中，模板的自动更新和与服务器端的数据交互是非常重要的环节。Handlebars.js和Ember Data为我们提供了强大的工具来解决这些问题。下面将详细介绍如何使用它们。

1. Handlebars.js表达式的使用

Handlebars.js是一个强大的模板引擎，Ember.js对其进行了扩展，提供了许多有用的表达式。

1.1 { {action}} 表达式

通过 { {action}} 表达式可以传递上下文给方法。例如，在编辑书籍详情时，可以这样调用 editBookDetail 方法：

App.EditBookController = Ember.Route.extend({
    actions: {
        editBookDetails: function(book) {        
            console.log(book.get('name'));   
        }
    }
});

1.2 { {outlet}} 表达式

{ {outlet}} 表达式是模板中的占位符，控制器可以将视图注入其中。当控制器的视图属性发生变化时，Ember.js