我仍在尝试学习 Ember.js,请耐心等待。
目标
我目前正在创建一个单页 Web 应用程序。当应用程序加载时,它将执行一个 AJAX 调用,该调用将返回一组数字列表。应用程序将处理这些数字,并为每个数字创建一个 div 并将其存储到一个 div 容器中。
每个 div 都将关联一个点击事件,因此当用户单击链接时,将弹出一个对话框。
代码
Index.html
<script type="text/x-handlebars"></script>
<script type="text/x-handlebars" data-template-name="payloads"></script>
我的app.js文件在这里:
App = Ember.Application.create();
App.Router.map(function() {
});
App.IndexRoute = Ember.Route.extend({
model: function() {
return ['Payload_1', 'Payload_2', 'Payload_3'];
}
});
App.PayloadsRoute = Ember.Route.extend({
model: function() {
return ['Payload_1', 'Payload_2', 'Payload_3'];
}
})
App.IndexController = Ember.ObjectController.extend(
{
click: function(e)
{
alert("clicked:" + e);
}
})
总体想法
上述代码将创建一个名为"theaterDialogue"的div框,其中包含3个div。每个div都与控制器相关联,并具有onclick操作。当用户点击第一个div“payload 1”时,将在警报框中打印出来,“payload 2”等等。我希望能够呈现一个新的对话框(jquery对话框),其中的内容将从模板中呈现。我不清楚如何做到这一点...我知道视图用于存储模板的数据...但不知道如何将一个模板嵌套在由操作生成的模板中?
如果您能指点我,那就太棒了!
非常感谢任何建议, D