Question

我正在尝试使用ember.js将简单的变量值传递到HTML文件中。我的值包含在名为value.json的json文件中。

我的HTML代码如下：

 <h1>I won {{App.moneyvalue}} today!</h1>

然而，当我通过ember传递json调用时，它认为整个调用是一个变量：

 App = Ember.Application.create({
   moneyvalue: function () {
     return $.getJSON( "js/value.json", function( data ) {
       return data.tot;
     });
   }
  }

并返回以下内容：

我赢了function（）{return $ .getJSON（＆＃34; js / donor.json＆＃34;，function（data）{return data.tot;}）;今天！

因为它似乎认为moneyvalue是一个字符串变量而不是一个值？

jSON文件是超级基本的

{
  "tot": 100
}

哪里出错了？

Answer 1

您正在为Handlebars提供一个函数，通常您会在对象上使用计算属性或普通属性。在这种情况下，你真的不应该在应用程序范围内定义它，我建议使用应用程序路由（它是你的应用程序的根路由）。

App.ApplicationRoute = Ember.Route.extend({
  model: function(){
    return $.getJSON( "js/value.json");
  }
});

然后在你的把手中使用

<h1>I won {{tot}} today!</h1>

以下是一个例子：http://emberjs.jsbin.com/OxIDiVU/576/edit

使用ember.js从JSON文件中收集值

1 个答案: