草庐IT

多模板打包

全部标签

javascript - 具有命名模板的 Knockout 3.2 组件?

我正在尝试使用knockout3.2.0中的新组件系统。目前没有太多文档,但这确实有效。ko.components.register('price-input',{template:'price-input'})但是template绑定(bind)允许您指定一个已经存在于DOM中的模板名称,例如:price-input然后你可以这样做:所以我尝试了这个:ko.components.register('price-input',{template:{name:'price_input'}})但它不起作用。有没有一种方法可以将命名模板与新组件一起使用,或者它们必须是内联的或由AMD加载的。

javascript - 从 JavaScript 访问 Django 模板 {{Variable}}

我尝试在html页面内联javascript中访问django模板变量,它工作正常。但是如果我使用包含js然后它不起作用。这是限制还是我做错了什么?非常感谢您的帮助。 最佳答案 包含的Javascript不会被服务器上的Django模板处理器处理,所以它不会工作。如果您需要通过模板将信息传递给包含的Javascript文件,请让您的模板创建一个小的block,其中声明了一些全局变量以包含那些模板变量。然后,您的纯Javascript文件可以通过查找由创建的全局对象来获取值。来自模板。 关

javascript - 即使在 AngularJS 中使用 ng-cloak,页脚模板也会闪烁

我成功地使用AngularJS从REST服务检索的一些数据创建并显示了模板,但是,当JSON响应仍在加载时,浏览器在顶部显示页脚模板,当响应返回JSON数据时,页脚消失到底部。这发生得非常快,但页脚模板在转到底部之前会在页面顶部闪烁。我已经尝试使用ng-cloak方法,不幸的是,问题仍然存在。我把CSS放到ng-cloak中作为APIReference推荐。这是我的应用程序代码:我尝试将ng-cloak放在body标签、ng-view、页脚以及ng-viewhtml模板中。这段代码代表了所有的尝试(注意:我尝试过单独使用和一起使用,与ng-cloak类一起使用,而不是)不幸的是,在所有

javascript - 配置 karma ng-html2js 预处理器以在目录中查找我的模板

我遇到的问题是我想制作templateUrl:"partials/my-directive.html"但目前我必须让它成为templateUrl:"app/partials/my-directive.html以便它被Karma加载。这是我的文件夹结构(基本上是yeoman文件夹结构)apppartialsmy-directive.template.htmldirectivesmy-directive.jsapp.jskarma.conf.js这是指令代码angular.module("exampleApp").directive("adminMod",function(){return

javascript - 在 knockout.js 中使用 mustache 模板

我想使用knockout.js,但不幸的是我不能使用jquery-tmpl,因为jquery1.4.2是我们无法升级到的先决条件(我不会在这里深入讨论)。有没有人知道如何开始使用带有挖空功能的Mustache模板?我发现很难找到有关它的任何信息。 最佳答案 更新我已经发布了用于使用mustache作为模板库的knockoutjs模板引擎的初始版本。您可以在https://github.com/WTK/ko.mustache.js查看你看过这部分文档了吗http://knockoutjs.com/documentation/templ

javascript - 如何使用 AngularJS 在 Kendo 网格列模板中使用函数

我在Kendo网格中有一个列,我想在渲染时执行一些特定的逻辑,并且我正在使用Angular。我使用k-columns指令设置了网格列。看了thedocumentation之后,这看起来很简单:我可以将模板选项添加到我的列中,定义函数来执行我的逻辑,然后将dataItem值传入。我所拥有的看起来像这样:k-columns='[{field:"Name",title:"Name",template:function(dataItem){//PerformlogiconvaluewithdataItem.Name//Returnastring}}]'但是,运行它会导致出现语法错误,提示在我的

javascript - 如何在 HTML 页面中正确存储 HTML 模板?

我有一些小的模板字符串,它们将通过同一页面上的Mustache.js呈现。我不需要为模板创建单独的html文件。存储模板的选项:存储在javascript变量中:Hackish多行字符串,大量转义引号。存储为隐藏div的innerHTML。我尝试了方法#2,但它似乎无法正常工作。fiddle:http://jsfiddle.net/RHwnq/2/{{#name_list}}{{name}}{{/name_list}}vartemplate=$('#tableTemplate').html();console.log(template);这个日志:{{#name_list}}{{nam

javascript - 下划线中的部分模板(就像在 Handlebars 中一样)?

我有一个像这样的Backbone模型varPeopleModel=Backbone.Model.extend({defaults:{"people":[{"username":"alan","firstName":"Alan","lastName":"Johnson","phone":"1111","email":"alan@test.com"},{"username":"allison",firstName:"Allison","lastName":"House","phone":"2222","email":"allison@test.com"},{"username":"ryan

javascript - 如何定义全局模板辅助函数?

在许多模板中我想使用相同的函数,但它们必须在每个模板中定义。像这样:functiongetNodesById(id){returncollection.find({sid:id}).fetch();}Template.navigation.getNodesById=function(id){returngetNodesById(id);}Template.body.getNodesById=function(id){returngetNodesById(id);}HTML:...{{#eachgetNodesById'1'}}...{{/each}}......{{#eachgetNo

javascript - 在模板中使用原始元素类型的 AngularJS 指令

我正在为Angular开发基于UI和排版的指令。在这种情况下,应用该指令的元素是未知的-从div、span、h1到h5的任何元素。使用模板的原因是我可以向它添加ng-*指令(这样开发人员除了指令名称外不需要记住任何东西)。我在添加属性和重新编译元素方面取得了有限的成功。但是,在添加ng-transclude时没有成功。创建新元素并替换旧元素会带来集成问题(忽略元素上可能存在的其他指令和数据属性),复制这些属性并将它们添加到新元素时收效甚微。这看起来应该非常简单,因为template本身可以将元素更改为您指定的任何内容(使用transclude和replace),肯定有“很长的路要走”吗