为什么这个余烬组件不渲染
Why does this ember component not render?
我正在尝试学习ember.js框架。我已经编写了一个组件,但它不起作用(无法渲染)。我不知道我犯了什么错误。请帮忙!我什么都试过了!
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>COMPONENT</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.2.0.js"></script>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="js/app.js"></script>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<script type="text/x-handlebars">
<div>
prova
</div>
<button {action "Graph" data}}{{#link-to "Graph"}}>
graph{{/link-to}}
</button>
{{outlet}}
</script>
<script type="text/x-handlebars" id="Graph" data-template-name="component/Graph">
<div id="BC">
<div id="Gphic">
</div>
</div>
</script>
</body>
</html>
app.js
App = Ember.Application.create();
App.Router.map(function () {
this.route("Graph");
});
App.GraphController = Ember.Controller.extend({});
App.AppGraphComponent = Ember.Component.extend({
actions: {
Graph: function () {
for (var i = 0; i < 3; i++) {
jquery("<p/>", {
text: i
}).appendTo("#BC")
}
}
}
})
App.GraphRoute = Ember.Route.extend({
module: function () {
return data;
}
})
var data = ...
请解释一下我哪里错了。
我认为您的应用程序模板中有一个错误
<button {action "Graph" data}}{{#link-to "Graph"}}>
graph{{/link-to}}
</button>
它应该有一个操作或一个链接,但不能两者都有。尝试
{{#link-to "Graph"}}<button type="button">Graph</button> {{/link-to}}
相反。
此外,我认为您的命名约定是不正确的。图形模板的id应该是"graph",并带有小写的"g"。
有什么渲染效果吗?这是一个很棒的初学者ember.js教程-http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/
相关文章:
- React重新渲染但未显示正确的组件
- 不能从angular2中的子组件指定父组件中的数组
- 拨打'父亲'函数形式a'儿童'ReactJS中的组件
- React组件等待所需道具进行渲染
- 如何创建带有插槽的vue js组件预加载程序
- KnockoutJS-组件-多个实例
- 如何在余烬中从组件过渡到路由
- 为什么这个余烬组件不渲染
- 余烬组件,如何等待随机jQuery插件初始化
- 余烬JS组件观察器不起作用
- 余烬组件插入两个表行
- 无法识别余烬组件 - 绑定属性渗入控制器
- 如何将应用商店注入我的余烬组件
- 将旧代码转换为余烬组件
- 余烬子组件通过父组件更新来自查询参数的属性
- 把键盘输入到余烬组件
- 余烬组件集成测试:' link-to '为空
- 余烬:从组件到应用控制器的气泡动作
- 余烬CLI-在每个循环中使用组件而不是itemController的条件输出
- 设置属性为余烬组件