pug

问题 I am sending an id from a jade view to its controller (backend), the controller then queries mongodb and the result is sent to a new jade view - angular . The results & view appear but URL stays the same (previous view), thus if I F5 the current view, it reloads the previous view. So the route is: view->node->angular Ideas? jade launcher view form(method="post") input(type="hidden" name="id" value=cart._id) input(type='hidden', name='_csrf', value=_csrf) button.btn.product.btn-primary(type=

问题 I am doing the Wes-bos Learn node course.I am on the part of saving stores and using mixins. When I write mixins and run my app it gives this error. Error: C:\Users\ATUL\Downloads\Learn-Node-master\Learn-Node-master\starter-files\views\mixins\_storeForm.pug:1:1 > 1| mixin storeForm(store = {}) -------^ 2| form(action="/add" method="POST" enctype = "multipart/form-data" class="card") 3| label(for="name") name 4| input(type="text" name="name") Mixin storeForm declared without body at makeError

问题 I just started working with pug and am using it for a small single page app. I'm using templates that are compiled to javascript functions that I will use in my SPA to render HTML. Using the pug-cli, I am able to generate multiple .js files that each contain the desired template function. However, instead of compiling multiple javascript files, I'd like to merge all the functions in a simple 'template.js' file that I can then call from my client app. Here's the command I'm currently using pug

问题 I am having the following data in js file: let data =[ {id:1,type:"action"}, {id:2,type:"comedy"} ]; and trying to print it using pug template doctype html html head title= title link(rel='stylesheet', href='stylesheets/style.css') body table tr th Id th Type each post in data tr td #{post.id} td #{post.type} block content I get the error as "Cannot read property 'length' of undefined" at the each post line app.js: var createError = require('http-errors'); var express = require('express');

问题 I'm receiving the following error when I'm attempting to include a file in the same folder: the "filename" option is required to use "include" with "relative" paths There are two files: index.jade list_of_items.jade .content-container .row .col-lg-10.col-lg-offset-1.col-xs-12 .row .col-xs-3 include list_of_items .col-xs-9 include content I tried to use base path, but then received the following error: the "basedir" option is required to use "include" with "absolute" paths The code for the

问题 I have this code in my index.pug file doctype html html head title= title body script(src=`${source}`) script. for (var event of events){ VClient.Event.subscribe(event, createDiv); } And here is how I pass the variables from Express to pug. var express = require('express'); var app = express(); app.set('view engine', 'pug') app.get('/', function(req, res){ var id = req.query.id || 23717; var source = `https://some.source.url/${id}.js`; res.render('index', {title: 'Preview Embed', source:

问题 I have this code in my index.pug file doctype html html head title= title body script(src=`${source}`) script. for (var event of events){ VClient.Event.subscribe(event, createDiv); } And here is how I pass the variables from Express to pug. var express = require('express'); var app = express(); app.set('view engine', 'pug') app.get('/', function(req, res){ var id = req.query.id || 23717; var source = `https://some.source.url/${id}.js`; res.render('index', {title: 'Preview Embed', source:

问题 Here is my code i tried In my .pug extends layout block content h1= title p Welcome to #{title} script(src='/javascripts/custom_vue.js') div(id="app") {{ message }} custom_vue.js new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }) error: D:\xampp\htdocs\test\express\report\views\vue.pug:8:9 6| script(src='/javascripts/custom_vue.js') 7| <div id="app"> > 8| {{ message }} ---------------^ 9| </div> unexpected text "{{ me" Error: D:\xampp\htdocs\test\express\report\views\vue.pug:8:9 6|

问题 Here is my code i tried In my .pug extends layout block content h1= title p Welcome to #{title} script(src='/javascripts/custom_vue.js') div(id="app") {{ message }} custom_vue.js new Vue({ el: '#app', data: { message: 'Hello Vue.js!' } }) error: D:\xampp\htdocs\test\express\report\views\vue.pug:8:9 6| script(src='/javascripts/custom_vue.js') 7| <div id="app"> > 8| {{ message }} ---------------^ 9| </div> unexpected text "{{ me" Error: D:\xampp\htdocs\test\express\report\views\vue.pug:8:9 6|

问题 In my Express JS web app, a login route renders some variables to the login pug view. In login.js router.get('/login', function(req, res, next) { var locations = ["Location 1", "Location 2"]; var count = 0; var title = 'Login'; console.log("req.originalUrl=" + req.originalUrl); res.render('login', { title: title, // Give a title to our page jsonData: locations, // Pass data to the View count: locations.length, originalUrl: req.originalUrl }); }); In login.pug extends layout block content div