是否可以在html页面视图中隐藏模板

Question

我想知道是否可以在html页面中隐藏所有模板视图。

我使用骨干和下划线来加载模板，如下面的

app.View.ShoppingPanelView = Backbone.View.extend({
    template: _.template($('#shopping-sideline').html()),

.....

在我的jsp页面中我做了

<jsp:include page="includes/templates-shopping.jsp" />

现在我看到使用firebug可以看到我的所有模板。

是否可能以某种方式隐藏最终html页面中的模板。原因在于您可以看到模板包含代码，并且不希望显示内部事物的结构。

Answer 1

在我看来，工作SPA是没有意义的。为什么不在真正需要的时候加载它？

只有在必要时才使用延迟加载概念加载模板。尝试将html文件中的所有模板文件分开，然后使用！text加载。

例如，假设您只想在单击某个按钮时显示视图（或模板），因此您的代码将如下所示。

events:
   "click #someButton": "showNewView"

showNewView:->
    require['pathToNewTemplateOrView'], (TemplateOrView)->
        view = new TemplateOrView()

这样，单击按钮时就会显示模板或视图。

我总是在模板中避免逻辑，比如If语句。 尝试在您的视图中执行此操作，并确保您的视图仅反映模型上的内容。

希望它有所帮助。