Tag: pug

Jade模板:如何在UL中创build一个链接超链接的超链接

我正在尝试创build一个超链接列表。 每个列表项都包含一个主题,并在一行中包含对该主题的简单描述。 我想包含一个超链接的主题,但不包括描述。 我所做的是如下。 ul#subjects li a(href="#") Subject: Here is the description of the subject 链接工作正常,但它涵盖了整个文本行。 如何closures超链接,使其成为如下HTML中的东西? 请注意,“:”不在超链接中。 <ul id='subjects'> <li><a href='#'>Subject</a>: Here is is the description of the subject </ul> 谢谢。 :)

node.js + jade – 链接是自闭的,不应该有内容

我指的是MEAN栈上的以下伟大教程。 现在我面临一个模板(JADE)相关的问题,我不能解决:(你可以看看,如果可能的话,帮我。 http://www.ibm.com/developerworks/library/wa-nodejs-polling-app/ doctype 5 html(lang='en') head meta(charset='utf-8') meta(name='viewport', content='width=device-width, initial-scale=1, user-scalable=no') title= title link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.0.1/ css/bootstrap.min.css') link(rel='stylesheet', href='/stylesheets/style.css') body nav.navbar.navbar-inverse.navbar-fixed-top(role='navigation') div.navbar-header a.navbar-brand(href='#/polls')= title div.container div 我得到这个例外。 尝试了几个变种,但还没有解决它。 Error: C:\DevEnv\UT3_Node\HelloWorldNodeProject\views\index.jade:14 12| a.navbar-brand(href='#/polls')= title 13| div.container > 14| div **link is self closing and should not have content.** 谢谢。

AngularJS,ng-view + css3与jade模板的关键帧 – ng-cloak不起作用

我目前正在构build这个: https : //github.com/btford/angular-express-blog代码,它使用nodeJS,Express,Jade和显然AngularJS。 在本文中,我正在运行最新版本的AngularJS。 我遇到问题让ng-cloak( http://docs.angularjs.org/api/ng.directive:ngCloak )在我的应用程序中正常工作。 我的animation和路线是完美的工作,但吴斗篷不适合我。 任何时候我为模板开关设置animation,模板在animation之前会闪烁/闪烁。 我敢肯定,我已经完全按照文档中的描述来实现,所以对于我在做什么错误的任何洞察力将不胜感激。 模 'use strict'; // Declare app level module which depends on filters, and services angular.module('myApp', ['ngRoute', 'ngAnimate', 'myApp.filters', 'myApp.services', 'myApp.directives']). config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) { $routeProvider. when('/', { templateUrl: 'partials/index', controller: IndexCtrl }). when('/addPost', { templateUrl: 'partials/addPost', controller: AddPostCtrl }). when('/readPost/:id', { templateUrl: 'partials/readPost', […]

Passport.js:使用骨干时访问用户

我在node.js应用程序中使用passport.js来获取OAuth工作(真棒!),但是现在,我遇到了一件事情。 我在客户端使用backbone.js来创build视图(我试图创build一个SinglePage应用程序…),唯一的方法,我想获得用户ID或类似的东西在骨干网中创build首先是一个隐藏在jade模板中的input,然后将其传递给我的backbone视图中的构造函数….或者只是将值赋给一个javascriptvariables,并将其传递给pipe理所有视图的路由器,并将其传递给每个视图那需要它 我认为这不是一个好主意,可能有更好的select! 你会怎么做? 谢谢!

将内容分配给一个mixin中的多个块,它在Jade中dynamic生成一个嵌套的HTML结构?

我想创build下面的HTML结构 <div class="outerspace"> <div class="inner1"><p>Inner1 content</p></div> <div class="inner2"><p>Inner2 content</p></div> <div class="inner3"><p>Inner3 content</p></div> (…) </div> 而内部divs的数量可能会有所不同。 例1: 我可以创build两个mixin(一个òuterspace和一个“mixin”),使用block关键字嵌套它们,并为每个div元素放置不同的内容: mixin outerspace() div.outerspace block mixin inner($number) div(class="inner" + $number) block //- call the mixins +outerspace() +inner(1) p Inner1 content +inner(2) p Inner3 content +inner(3) p Inner3 content … 例2: 这个例子试图用一个单一的mixin来做同样的事情: mixin nested_structure($number) div.outerspace each item in $number div(class="inner" […]

节点Jade意想不到的字符#预计的“,`\ n`,`,`,`!`或`=`

我正在使用jadeify和jadeify在我的前端使用jade模板。 Gulp设置 gulp.task('browserify', function () { var bundler = browserify({entries: ['./frontend/js/app.js']}); var bundle = function () { return bundler .transform(jadeify) .bundle() .pipe(source('app.js')) .pipe(gulp.dest('./public/js')) }; if (global.isWatching) { bundler = watchify(bundler); bundler.on('update', bundle); } return bundle(); }); 玉文件 .header h1 Login .content div input(placeholder="Username", name="uname", type="text") input(placeholder="Password", name="pword", type="password") .footer a(href="/signup") span Create an Account 要求为玉文件 […]

何我可以让我的nodejs /快递/玉堆报告明智的语法错误?

我使用Express / node.js作为模板引擎运行Jade,每当我在.jade文件中出现语法错误时,我都会得到如下的报告: at new JS_Parse_Error (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:196:18) at js_error (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:204:11) at croak (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:636:9) at token_error (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:644:9) at expect_token (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:657:9) at expect (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:660:36) at expr_atom (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:1112:17) at maybe_unary (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:1287:19) at expr_ops (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:1322:24) at maybe_conditional (/home/hoylemd/code/Javascript/nodejs/simplewebsite/node_modules/jade/node_modules/with/node_modules/uglify-js/lib/parse.js:1327:20) 这并没有告诉我什么地方出了什么问题。 我没有听说过关于Jade的好东西,但是一个没有告诉我语法错误的模板引擎比没有用的好。 任何人都可以阐明发生了什么?

防止脚本模板的Jade插值

我正在使用node.js和express.js呈现一个index.jade页面,其中包含几个脚本块,其中包含要通过主干和下划线使用的模板。 我面临的问题是,由于在模板中包含<%=%>样式variables,所以Jade渲染失败。 下面的代码片段导致语法错误: script#tpl-things-list-item(type='text/template') td a(href=<%= _id %>) link text td <%= name %> td <%= age %> 请注意,这只是一个问题,当我在href值内使用一个variables,如果我删除整个href,这个片段工作得很好。 有没有办法解决这个问题? 我想继续使用Jade来定义模板,因为它非常简洁,但是这是一个显示屏。

Model.find()。toArray()声明不具有.toArray()方法

我对nodejs和mongodb非常陌生,并且试图拼凑我自己的博客应用程序。 我有一个问题,试图通过我的“博客”模式查询具有特定用户名的。 当我尝试跑步 var userBlogs = function(username) { ub = Blog.find({author: username}).toArray(); ub = ub.reverse(); }; 我得到一个错误。 TypeError: Object #<Query> has no method 'toArray' 我知道globals是坏的,但我一直在努力让它工作。 Mongo文档声明返回一个游标,它可以调用toArray()方法。 我不知道为什么它不起作用。 这是我的模式/模型创build: var blogSchema = mongoose.Schema({ title: {type:String, required: true}, author: String, content: {type:String, required: true}, timestamp: String }); var Blog = mongoose.model('Blog', blogSchema); 这里是/ login和/ readblog请求 app.get('/readblog', ensureAuthenticated, […]

节点JS将variables传递给Jade / Pug

出于某种原因,我不能通过节点JS传递一个variables到帕格模板。 app.get("/", function (req, res) { res.render('index', { hello : 'Hey'} ) }) …. extends layout.pug block content h1 #{hello} guy 这只是返回index.html文件中的“家伙”