我有一个正在迭代实体数组的模板。
我想根据一些逻辑为其中一些实体显示“删除”按钮,我只是想了解最好的方法。
实际的删除按钮将使用以下标记呈现,请注意该标记包括对内置操作助手的调用。:
<button class="btn btn-danger" {{action "removeEntityFunctionInController" entitity}}><i class="icon-remove icon-white"></i> Remove</button>
我想把这个换成
{{optionalRemoveEntityButton entity}}
我正在尝试创建一个无逻辑的模板,所以我想也许我可以创建一个像这样的助手:
Ember.Handlebars.registerHelper('optionalRemoveEntityButton', function(entity, options) {
logicForDeterminingWhetherToShowView
removeEntityButtonView = howDoILoadAViewProgrammatically?
return removeEntityButtonView;
});
我不明白如何以编程方式加载视图。我想使用视图,因为这个助手不仅仅返回一些简单的标记。它还包括对{{action}}助手的调用。
除非有更好的方法来实现我正在努力做的事情?
我有一个迭代实体数组的模板。我想根据一些逻辑为其中一些实体显示“删除”按钮,我只是想了解最好的方法。
这是一个非常常见的用例。这种逻辑的想法在控制器中。
实际的删除按钮将使用以下标记呈现,请注意该标记包括对内置操作助手的调用。:
我想用{{optionalRemoveEntityButton entity}}
替换它
我建议您保留原始标记。
除非有更好的方法来实现我正在努力做的事情?
将逻辑排除在模板之外是一个很好的目标,但通常这并不意味着构建大量车把助手。通常,只有当您发现一些显示逻辑在许多视图中重复时,您才会构建一个助手。
另一种方法是使用{{#if}}
助手有条件地显示按钮
{{#if showDeleteButton}}
<button class="btn btn-danger" {{action "removeEntityFunctionInController" entitity}}><i class="icon-remove icon-white"></i> Remove</button>
{{/if}}
您需要将ArrayController的itemController属性设置为将包装每个单独项目的控制器(可能是ObjectController)的名称。然后在该itemController上定义showDeleteButton
方法。有关设置的详细信息,请参阅Ember. ArrayController文档。