Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/backbone.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用一个大的外部文件作为多个带有backbone.js的javascript模板?_Backbone.js_Ejs - Fatal编程技术网

使用一个大的外部文件作为多个带有backbone.js的javascript模板?

使用一个大的外部文件作为多个带有backbone.js的javascript模板?,backbone.js,ejs,Backbone.js,Ejs,我有两个不同的HTML页面提供主干应用程序。到目前为止,我已经将所有js模板放在每个HTML文件中 现在,我正在进行一点重构,并希望在文件之间共享一些主干视图。加载找不到js模板的视图时,整个应用程序都会出错。我知道合并这两个模板的正确方法是使用外部js模板,例如使用EJS,每个文件有一个模板,但是,我只希望有一个嵌入的巨大HTML文件,并在我的两个页面之间共享模板HTML文件。这可能吗?我尝试使用AJAX获取外部js模板并将其写入头部,但主干视图仍然找不到它们 是否有其他人选择拥有一个包含许多

我有两个不同的HTML页面提供主干应用程序。到目前为止,我已经将所有js模板放在每个HTML文件中

现在,我正在进行一点重构,并希望在文件之间共享一些主干视图。加载找不到js模板的视图时,整个应用程序都会出错。我知道合并这两个模板的正确方法是使用外部js模板,例如使用EJS,每个文件有一个模板,但是,我只希望有一个嵌入
的巨大HTML文件,并在我的两个页面之间共享模板HTML文件。这可能吗?我尝试使用AJAX获取外部js模板并将其写入头部,但主干视图仍然找不到它们


是否有其他人选择拥有一个包含许多javascript模板的文件?我还发现,当我使用ejs时,打开的文件数量无法管理。任何帮助都将不胜感激

我对当前项目中的所有模板都使用了一个文件,效果非常好


这是一个Asp.Net站点,因此我将模板文件制作成一个用户控件,以便可以轻松地将其包含在任何使用主干的页面中。

我使用一个额外的javascript/coffeescript文件,并使用它来处理所有事情。通过这种方式,您可以包括模板,并将它们放入您想要的尽可能少(或多)的文件中。

如果您通过AJAX获取所有模板,可能不必将它们写入头部

您可以将模板作为JSON对象发送到客户端,例如:

{"about":"<p>About</p>...","gallery":"<p>Gallery</p>...","contact":"<p>Contact</p>..."}

那么,如何确定要使用的模板呢?我现在用HTML将它们分开,就像这样。对我来说,在javascript文件中有一个标记似乎不合逻辑。啊等等,我明白了。。。var compiled=551;.template(“hello:”);因此,在本例中,您将创建一个名为compiled的全局变量,并在主干视图中呈现它?我为它们使用一个全局名称空间,例如:MyApp.headerTemplate=93;.template(“”);MyApp.sidebarTemplate=wk.template(“
    ”);}然后调用它们:render:function(){var header=MyApp.headerTemplate({name:'MySite'});$(this.el).append(header);return this;}我不喜欢这个方法,因为我的IDE(Netbeans)不能帮助我在JS文件中编写HTML。有什么解决办法吗?更好的IDE?
    var tempStr = templates['about'],
        template = new EJS({element:{value: tempStr, id: 'about'}}),
        content = template.render();