是否可以在 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 语句。 尝试在您的视图中执行此操作，并确保您的视图仅反映模型上的内容。

希望对你有帮助。