个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我是 EmberJS 的初学者，我想从一个简单的例子开始。但这对我来说似乎并不容易。我尝试改编入门工具包的代码并将其与 EmberJS 主页上的代码混合，但这对我来说根本没有意义。
这是我的 app.js
App = Ember.Application.create();
var c = 100;
var f = c * 9 / 5 + 32;
App.IndexRoute = Ember.Route.extend({
model: function() {
return f;
}
});
这是我可怜的index.html
<!DOCTYPE html>
<html>
<head>
<title>Ember Starter Kit</title>
<script src="js/libs/jquery-1.10.2.js"></script>
<script src="js/libs/handlebars-1.1.2.js"></script>
<script src="js/libs/ember-1.5.1.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<script type="text/x-handlebars">
<div>
<label>Celsius:</label>
{{input type="text" value=c placeholder="Convert Celsius to Fahrenheit"}}
</div>
<hr />
<div class="text"><span class="celsius">{{ c }}</span> Celsius = <span class="fahrenheit"></span> Fahrenheit!</div>
</div>
{{outlet}}
</script>
<script type="text/x-handlebars" id="index">
<div>{{model}}</div>
</script>
</body>
</html>
我尝试过 {{ c * 9/5 + 32 }} 但这不起作用(与 AngularJS 相反)。所以，我的第一个方法肯定是错误的。如何让我的应用程序运行？
最佳答案
将您的 Model 定义为 Ember 对象或 DS.Model 并在其中使用派生属性。
App.Temperature = Em.Object.extend({
celsius: null,
faren: function() {
return this.get('celsius')?this.get('celsius') * 9 / 5 + 32: 0;
}.property('celsius')
});
App.IndexRoute = Ember.Route.extend({
model: function() {
return App.Temperature.create({celsius: 50});
}
});
现在 hadlebars 模板将使用这个温度对象作为模型，您可以在模板中使用 {{faren}} ，只要 `celsius 发生变化，它的值就会更新。您可以从输入字段绑定(bind)到它。
<小时/>Ember.Handlebars.helper('fh', function(value, options) {
return (parseInt(value, 10) * 9 / 5 + 32);
});
并在模板中使用它
{{fh c}} deg F
I've tried {{ c * 9 / 5 + 32 }} but this won't work
这个想法是尽可能将逻辑和算术排除在模板之外。
关于javascript - 在 EmberJS 中将摄氏度转换为华氏度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23984877/
25
4
0
随着从 SproutCore 2.0 到 EmberJS 的迁移，有命名空间和 Github 存储库迁移。核心的东西好像移到了http://github.com/emberjs组织 Github 帐户
我有一条使用 ArrayController 来显示对象的路线。在执行某些操作后，使用 controller.clear() 和 controller.addObjects() 方法再次填充数组。我需
我有一个在 Ember 中创建的自定义 View 。我真的很喜欢 {{yield}} helper 让我控制三明治的“面包”。但是，我现在想要做的是创建一个“双层”三明治，并有一个超过 1 个产量的
过去 6 个月我正在开发一个 Emberjs 组件。 当我尝试开发表格组件时，我开始遇到第一个性能问题。此表中的每个单元格都是 Ember.View，并且每个单元格都绑定(bind)到对象属性。当表格
我有一个名为 docTemplateID 的变量/操作。docTemplateID 的值可以是 1 或 2单击按钮 1 设置 docTemplateID = 1。单击“提交”按钮将使用新值创建 doc
我正在尝试编写一个小 Action 来搜索数据存储，顺便说一下，数据存储中已经加载了数据。我希望能够通过字符串(即名字)进行搜索。 这是我到目前为止的代码示例。 this.get() 正在从搜索表单中
我正在尝试在注册表单上创建提交操作。这是我的寄存器 handle : {{input class="form-control" value=username type="text" pl
我有一个我认为相当正常的 JSON 响应: "data": { ..... "user": { "name": "John", "surname": "Doe" } .
如何定义仅在按下特定修饰键时调用的操作(单击时)？ allowedKeys当没有按下修饰键时也会执行该操作。 最佳答案 一种方法就是做 my item 在你的 Controller /父组件中
所以，这基本上就是我想要的。但我需要获取可以在 ember 检查器中看到的当前路径，但如何在组件中获取它？或者有更好的方法来做到这一点吗？也许是一项服务？ import Ember from 'emb
我只是想循环遍历我生成的一些虚拟数据，这样我就可以设置网站的样式，我的路由器中有这个: import Ember from 'ember'; export default Ember.Route.ex
这就是我所拥有的。 2 种模型:“注释”和“用户”。注释有一个名为“用户”的字段，它使“1 个用户对应多个注释”进行复制。数据取自 Mirage。 备注型号: export default DS.Mo
我尝试复制搜索字段，就像它们在 emberjs.com 处显示的那样。但是由于某种原因，当输入查询并按 Enter 或单击提交按钮时，我的代码不断产生以下错误(在 google chrome 中):
我正在测试过滤器内容，仅显示 X 个结果，我必须使用计数器来执行此操作，因为适配器如何返回数据。 http://jsfiddle.net/eAvET/ 当您加载此修改后的示例时，显示 0 数据，但是当
我的应用程序有一个名为 Balance 的模型，我们可以在其中添加金额和说明。我创建了一个操作，当您单击按钮时添加一些余额记录，到目前为止效果很好。问题是我创建了一个名为“totalBalance”的
我正在使用 ember 的查询参数按布局类型过滤结果列表。我想检查指定的查询是否在 availableLayouts 中。我知道我可以检查该值是否在此数组中，但我不确定 ember 在什么时候设置“布
我有一段数据(对象)，它从服务器端脚本打印为全局变量。 user = { id : 1, name: 'foo', avatar : 'http://foo.com/avatar.jpg'} 整个应用
我正在使用 Ember 构建一个单页音乐网络应用程序。每个轨道在页面上都表示为一个组件。给定页面上有许多轨道。当用户单击播放时，组件会更新其 UI 以反射(reflect)这一点，并且主路由会跟踪当前
我想将社交分享按钮(fb、twitter、vk)添加到我的 Ember 应用程序中。我找到了一些库并集成了它们，但它们有一个重要的限制。社交网络使用其机器人抓取共享页面，并从页面中检索特定的元属性。但
我试图用easyForm预选一个选择框。 https://github.com/dockyard/ember-easyForm 我做了一个JsBin:http://emberjs.jsbin.com/
我是一名优秀的程序员,十分优秀！