handlebars.js

问题 I have this HTML/Handlebars code, what I would like is for the "outlet fav" to render the template with id "fav" and its corresponding outlet/templates-chain with expected "index". Kinda like displaying a different Ember URL as a part of the index. Is it possible natively(Without supplementing an iframe, which I think is a bad idea)? would it be considered a good practice(I know using views might help but just wondering if it is ok to walk this road)? <script type="text/x-handlebars" id=

问题 I have this situation in which I have the template-name stored in a variable. I noticed that if you have for example var config = { view: "PeopleView", .... } ; that you can't do {{view App[config.view]}} If this is possible, I'm still interested in the solution! Anyway, I decided to fix this with a Handlebars helper: {{setVariableView config}} ... Ember.Handlebars.registerBoundHelper('setVariableView', function(value, options) { return App[value.view].create(value) ; // <-- this doesn't work

问题 The problem I have a view which displays a list of workers. This view has a button which calls a controller method named refresh . Originally I was setting the content to this list, but noticed that the UI would flicker, which would be especially annoying once this is run on a timer. I managed to make everything work without flickering using the following: App.WorkersIndexController = Ember.ArrayController.extend refresh: -> console.log 'refreshing workers' # set a property to a new

问题 I have a form that within a handlebars put the submit does not work, I have to do? Can anyone help? <script id="chat-window-template" type="text/x-handlebars-template"> <a href="#" class="close"><i class="fa fa-times"></i></a> <a href="#"> <span class="pull-left"> <img src="{{ user_image }}" width="40"> </span> <span class="contact-name">{{user}}</span> </a> <div class="panel-body" id="chat-bill"> <form id="messageForm"> <input id="nameInput" type="hidden" class="input-medium" value="Macbook"

问题 I have an app which uses both Backbone and Handlebars on a server and a client. Server Backbone and Express-Handlebars installed app.js app.set('views', path.join(__dirname, '/views')); app.engine('.hbs', expHbs({ defaultLayout: 'index', extname: '.hbs' })); app.set('view engine', '.hbs'); index.js exports.init = function(req, res){ res.render('contact/index'); }; index.hbs <div class="row"> <div class="col-sm-6"> <div class="page-header"> <h1>Send A Message</h1> </div> <div id="contact"><

问题 I am using handlebars for a project and I have a data file with 10 items in it. I am using the 'each' command to show them all on one page (which works fine) but for another page i would like to show only the first 4 items. How can I do this? Thanks in advance! 回答1: You can do that with the @index variable within a {{#each}} loop and a custom helper that will test the value of @index. Look at the snippet code below to suit your needs. $(document).ready(function () { var context = { "items" :

问题 I am using Ember and Django and quickly found out that the template delimiter in Handlebar conflicts with that of Django Templates. So i intsalled Django-embers http://pypi.python.org/pypi/django-ember/0.1 But It just not seem to work properly. This is the problem: If I have something like this in APP.js var Ab = Em.Application.create({ appDescription : 'HelloWorldApp' }); I can easily render it in the template like this {% load ember %} {% handlebars "" %} {{Ab.appDescription}} {%

问题 I'm trying to use Jquery Masonry for my image gallery with infinite scrolling. Masonry is only working for the images in the route. But after pushing new image object to images array, the new image appears in the Dom but Masonry not working. I've seen Ember.js - jQuery-masonry + infinite scroll and tried but my code still not working. Image gallery route: App.ImggalleryRoute = Ember.Route.extend({ model: function(){ return { images: [ { name: "car", src_path: "0dbf51ac84e23bd64d652f94a8cc7a22

问题 I want to add data that's stored in XML Files to the HTML View with handlebars.js but, Instead of make a GET of 1 url ex: http://json.org/example.html i will want to add multiple XML Files . I will aprreciate any help on this Thanks in advance! var ourRequest = new XMLHttpRequest(); ourRequest.open('GET', 'https://learnwebcode.github.io/json-example/pets-data.json'); ourRequest.onload = function() { if (ourRequest.status >= 200 && ourRequest.status < 400) { var data = JSON.parse(ourRequest

问题 I'm working on a node / express / handlebars app and I just found out about custom helpers, but I have no idea where to define them. I tried adding some in the actual view template hbs file in a <script> tag like so: <script type="text/javascript"> Handlebars.registerHelper('if', function(conditional, options) { console.log("IN HANDLEBARS HELPER"); if (conditional) { return options.fn(this); } else { return options.inverse(this); } }); </script> But I get a Uncaught ReferenceError: Handlebars