草庐IT

Templates

全部标签

javascript - 带有对象数组的 mustache 模板

我正在尝试对以下对象数组进行模板化:vararr=[{name:"RyanPays",url:"http://www.ryanpays.com"},{name:"foo",url:"http://www.google.com"}];我将该数组转换为对象,如下所示:arr=$.extend({},arr);这给了我以下对象:{0:{name:"RyanPays",url:"http://www.ryanpays.com"},1:{name:"foo",url:"http://www.google.com"}}我想使用Mustache使用以下模板枚举该对象:vartemplate="You

javascript - Handlebars 的模板继承

我正在尝试使用handlebars将模板从base.html继承到其他模板。但我对此一无所知。拜托,谁能帮我做个简单的DEMO。使用base.html和extend.html例如,基础.html{%blockcontent%}{%endblock%}扩展.html{%extends"base.html"%}{%blockcontent%}Foobar!{%endblock%}我需要在base.html中包含哪些文件......? 最佳答案 Handlebars不提供开箱即用的模板继承。但是,有些库提供了执行模板继承所需的帮助程序。我

javascript - flatiron.js/plates - 如何使用模板和 i18n?

我刚开始看plates,因为很多人都在谈论它。有一些带有少量html片段的板示例,但不是真正成熟的模板文件。所以我想知道如何将布局特别是分成一个layout.html文件,并将内容分发到多个content.html文件中?另外,我想知道flatiron.js/plates中是否有一些针对多语言站点的策略?谢谢! 最佳答案 您可以很容易地进行分离。您可以编写一个将给定字符串绑定(bind)到布局中的函数。现在您需要做的就是使用plates.bind形成字符串(这是内容)并将其传递给在layout.html上使用plates.bind的

javascript - 使用 jquery 读取外部脚本标签的内容

加载Backbone模板的常见模式是这样的:mytemplate----varwhatever=$('#foo').html();我想像这样将脚本包含在外部文件中:但是foo的html()现在是空的。我看着浏览器把模板文件拉下来,但我不确定它是否在页面dom中。有没有一种简单的方法可以在javascript中引用脚本的内容,或者浏览器只是忽略它并抛出结果? 最佳答案 我认为要实际执行外部加载的脚本,您必须对内容执行eval()。您实际上并没有将它添加到DOM,因为它是脚本,您是将它添加到JS运行时。可能还有其他方法可以做到这一点,但

javascript - 如何在像 mustache 这样的无逻辑模板引擎中制作导航栏

我试图理解无逻辑模板背后的概念,但我发现自己碰壁了。我想实现一个简单的导航栏,例如每个页面顶部的“主页、关于、联系”链接,“当前”链接应该用不同的类突出显示(我使用的是Bootstrap)。但是我怎样才能以明智的方式做到这一点呢?到目前为止,我有:将导航移动到每个模板,并复制整个内容(不是干的,丑陋的)。使用键而不是值,即render('home',{on_home_page:true});与Home.这样更好,但仍然很烦人,因为我必须创建N个变量来保存1个变量值的数据。在Controller中创建导航,即传入{'Home':{link:'/',active:false},'About

javascript - Angular JS 错误 : $compile:tpload: Failed to load template:

所以我试图在我的指令中加载模板。该指令是可重用的。但是我无法加载模板。我有其他模板可以加载并正常工作。我得到的错误是:GET/ClassificationToolkitForGrails/classificationviewer.html404(NotFound)angular.js:8521Error:[$compile:tpload]Failedtoloadtemplate:classificationviewer.html包含指令的javascript文件:/****/varclassificationViewModule=angular.module('ald.classifi

javascript - 极简主义的微型 Javascript 模板系统?

我正在为javascript寻找一个极简主义的模板系统,alaJohnResig'sJavascriptMicroTemplating.越小越好,如果它是基于jquery的就更好了。推荐?我尝试了John的微模板,但遇到了一些问题,想看看是否有更多成熟/更好的打包解决方案。[更新]我再次尝试了Resig的微模板,它对我来说效果很好。仍然想听听其他替代方案(如果有的话)。 最佳答案 还有Mustache.js,它有一个简洁的语法IMO。 关于javascript-极简主义的微型Javasc

javascript - 如何判断属性是否存在且为假

我很难确定传递到jquery模板中的数据是否存在以及是否为假而不会出现错误。这是我用来测试的jQueryTemplates{{if}}logicHowdoyoutestiftheValueexistsandisfalse?Test${Test}:{{ifValue}}Valueexistsandistrue{{else}}Valuedoesn'texistorisfalse{{/if}}$(document).ready(function(){$("#testTemplate").tmpl({Test:1}).appendTo("#results");$("#testTemplate"

javascript - 在 handlebars 模板中设置第一个单选按钮被选中

我怎样才能获得一种简单明了的方式来设置第一个单选按钮在Handlebars模板中被选中。谢谢模板:{{#eachthis}}{{/each}}~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~期望渲染:谢谢大家。 最佳答案 Handlebars中的{{#each}}不会让您访问迭代次数或类似的任何东西,因此如果不稍微更改您的模板和数据,您将无法做到这一点:{{#eachthis}}{{/each}}然后将sel值添加到您的数据中:vartmpl=Handlebars.compile($('#t').ht

javascript - ng-include 中的指令

我正在构建一个简单的angularjs应用程序,我正在尝试在不刷新页面的情况下实现登录。我在做什么在初始化时,ng-include加载/set/save。/set/save得到了LoginwithFacebook在里面。因此,当单击该指令时,它会打开一个窗口,当该窗口关闭时,它应该更改ng-include的src。问题当指令在ng-include中使用时(ng-includesrc在init上有默认值),没有任何反应(控制台中没有错误,什么都没有),但是当我将指令放在ng-include之外时它正在工作很好(见下面的HTML代码)HTML:........testCase//^this