草庐IT

UI模板

全部标签

javascript - 将函数传递到 Handlebars 模板中

我正在使用(或至少开始使用)HandlebarsJS对于html模板,但我可能已经走到了死胡同。我想要的是将一个函数传递给模板,例如{{text}}然后我希望有类似的东西varsource=$('#divTemplate').html();vartemplate=Handlebars.compile(source);vardata={"text":"Clickhere","func":function(){alert("Clicked");}};$('body').append(template(data));但是这个函数是在init上执行的,它没有传递到模板中,结果是:Clickhe

javascript - 在 Handlebars 模板中处理多行字符串

从我的服务器返回的JSON响应包含一个长字符串(消息正文或多行注释)。典型的message.body可能看起来像这样:"Hi!\r\n\r\nHow'slife?Everythingiswellwithme\r\n\r\nSincerely,\r\n\r\nAustin\r\n"现在使用Handlebars,我是这样嵌入的{{body}}但是,这在html中呈现为:"Hi!How'slife?EverythingiswellwithmeSincerely,Austin"我怎样才能让它在它自己的html段落[p]标记中呈现每一行?在rails中,我会用这样的东西(在haml中)来做到这一

javascript - 使用 ui.router 渲染页面的 Angular JS 事件

背景场景:我有一个ng-repeat填充我的View,动态放大容器。我需要调整我的的高度当渲染完成时,我还需要在我的应用程序的每个其他页面上执行此操作。我很清楚ready()功能:angular.element(document).ready(function(){console.log('ready')})但是这段代码,放在app.js仅在第一页打开(或重新加载)时执行。重要提示:我正在使用ui.router浏览我的“页面”,所以每当我需要更改页面时,我都会调用“$state.transitionTo()”。问题:是否存在在页面完全呈现时广播的Angular事件?

javascript - 如何获取当前 ui-router 状态的完整 url?

我正在为AngularJS使用ui-router;我正在处理'$stateChangeSuccess'事件,并尝试获取当前状态的完整路径(在“#”之后)。$location.hash()返回空字符串,$state.url仅返回适用于嵌套状态的路径部分。我的完整路径#/a/b$state.url=="/b"$locadtion.hash()==""如何获取#/a/b或/a/b? 最佳答案 您可以随时使用:window.location或:window.location.hash(如果这是你想要的)。

javascript - Chrome扩展程序: How to show custom UI for a PDF file?

我正在尝试编写用于显示PDF文件的GoogleChrome扩展程序。一旦我检测到浏览器正在重定向到指向PDF文件的URL,我希望它停止加载默认的PDF查看器,而是开始显示我的UI。UI将使用PDF.JS呈现PDF,并使用jQuery-ui显示其他内容。问题:我该怎么做?阻止原始的PDF查看器非常重要,因为我不想通过显示两个文档实例来使内存消耗增加一倍。因此,我应该以某种方式将选项卡导航到我自己的View。 最佳答案 作为PDF.jsChromeextension的主要作者,我可以分享一些有关为Chrome构建PDFViewer扩展程

javascript - 基于模板变量的 ES6 模板字面量

这个问题在这里已经有了答案:Convertastringtoatemplatestring(22个答案)关闭6年前。我尝试渲染一个ES6模板文字变量:functionrender(template,data){...}consttemplate='resources/${id}/';console.log(render(template,{id:1}));//->resources/1/是否存在一种方法可以将具有上下文的字符串模板转换为具有ES6模板文字功能的格式化字符串?

javascript - 数据绑定(bind)到 Mustache 模板? (最好干净简单)

我所追求的是一段代码,它可以为我提供一种干净简单的单向解决方案,将DOM的更改绑定(bind)到用于呈现它的对象。例子:和对象{name:'Joe'}用于渲染Mustache模板如何将输入字段中的更改事件匹配到正确的属性?迭代呢?{{#users}}{{/users}}有这样的东西吗?编辑:是的,我知道Backbone、Angular、Ember等等。但是,我需要的是Mustache/Handlebars的特定案例。 最佳答案 Ractive就是这样。带有数据绑定(bind)的mustache。https://ractive.js.

javascript - 如何在 Handlebars 模板中的单选按钮组中设置所选项目?

在Handlebars模板中,如何仅使用模板将单选按钮组设置为正确的值?这可以直接在模板中完成吗?举个例子,假设有这样一个单选按钮组:AutoOnOff进入模板的数据有一个模式值:{mode:"on"}我想在模板扩展后结束:AutoOnOff以便表单中的HTML最初显示被选中的“on”值。 最佳答案 您可以编写一个辅助函数来帮助您处理这个用例。我喜欢将所有block助手保存在指定的JS文件中-但您可以将它们放在脚本中的任何位置。Handlebars.registerHelper("setChecked",function(value

javascript - jQuery UI 可在 Slick-slider 内拖动

我需要在Slick-slider中有一个jQueryUI可拖动元素.我知道jQueryUI有句柄选项http://jqueryui.com/draggable/#handle但我不确定如何将其应用于slick-slider。我发现了这个SO问题:jQueryUISliderInterferencewithslickcarousel但它使用jQueryUI的slider选项。当我在我的例子中做了类似的事情时,我能够禁用slick-slider拖动...但是我的可拖动元素仍然不可拖动。JSfiddle:http://jsfiddle.net/NateW/u1burczm/当Slick-sl

javascript - Angular UI Router - 具有空 Url 的抽象父状态

我试图在我的应用程序中设置多个嵌套状态。这是相关代码。functionconfigFn($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise("/cart");$stateProvider.state('checkout',{url:'/',templateUrl:'app/checkout/views/checkout.container.html',controller:'checkoutCntrl',abstract:true}).state('checkout.cart',{data:{step:1},u