javascript - 如何从服务器呈现的 html 将数据加载到模型中

Question

我有使用 Node.js、express 和预编译的 Handlebars 模板从服务器生成的 html。如何将这些数据放入我的 Ember 模型中？

Answer 1

您可以在应用程序就绪挂钩期间执行此操作。使用 jquery 从页面中获取数据。

App = Ember.Application.create({
  ready: function(){
   // The DOM is ready, this is called before the route is resolved etc 
  }
});

然后根据您的客户端记录管理，您可以使用以下方法之一（对于专辑模型）将其旁加载。

余烬数据：

var store = this.get('store'); 

store.push('album', {
  id: 1,
  title: "Fewer Moving Parts",
  artist: "David Bazan",
  songCount: 10
});

灰烬模型：

App.Album.load([{
  id: 1,
  title: "Fewer Moving Parts",
  artist: "David Bazan",
  songCount: 10
}]);

Answer 2

如果您想在服务器呈现的 HTML 上传递数据，最好的方法是包含一个脚本标签：

<script type="text/javascript">
    myAppData = {
        data1 = ['name1' , 'name2'],
        data2 = {
            id = 5
        }
    }
</script>

或类似的东西。然后，您可以使用 Ember.Application 的实例 init 方法来传递使用此数据。