Tag: 帕格

使用相同的玉石视图进行编辑和创build

希望这不是太愚蠢的问题,因为我试图让我的头靠近节点。 我一直在看expression式框架,并试图让我的头在创build/编辑视图的简单问题。 如果我有一个玉石观点如下: input(name='bar', id='bar', value=#{foo.bar}) 该视图期望在我传回的模型上的属性foo.bar,罚款编辑屏幕。 但是,如果这是一个创build屏幕,我真的不想要传回一个空的模型。 这应该怎么处理? 这只是一个情况,我必须传回一个空模型? 如果是这样,任何指向这种模式的指针将是伟大的。 谢谢。 (我知道我错过了一些基本的东西)

string的末尾没有find右括号:NodeJS&Jade

我开始沿着节点的path(跟着mongo教程的滚动 ),写下了以下的jade文件 extends layout block content h1= title form( method="post") div div span Title : input(type="text", name="title", id="editArticleTitle") div span Body : textarea(name="body", rows=20, id="editArticleBody)// <— This line! div#editArticleSubmit input(type="submit", value="Send") 我得到The end of the string was reached with no closing bracket found. 从玉字parsing器中走出来。 它怪罪于上面代码中指出的那一行。 当然可能我缺less一个括号,但我没有看到它可能在哪里。 这是堆栈跟踪: The end of the string was reached with […]

什么是正确的方式来使用JADE,属性“占位符”和input字段?

我正在用node.js环境中的jade引擎构build一个表单,并开始考虑在input元素中结合“占位符”和“值”属性的最佳实践(无代码)。 form(action="/add" method="POST") input(placeholder="Your name" name="username" value="#{username}") input(placeholder="Your title" name="title" value="#{title}") 但是,有时#{用户名}将填充,有时不会。 如果它没有填充它将被replace为“未定义”玉,我的“占位符”属性从不踢。 那么,有没有一个设置玉所以所有未定义的variables返回一个空string或类似的解决scheme? 想象一下,表单有10-15个字段,我希望我不必为每个input元素创build一个条件检查。

如何使用React,Node和Webpack呈现帕格/翡翠模板?

我有一个React / Node / Express应用程序,我正在使用Webpack来构build它。 目前,该目录的结构是这样的: node_modules public app main.js main.map.js index.html src client components Home.js Header.js Root.js User.js main.js server views index.html index.js package.json webpack.config.js 这是我的webpack.config.js var path = require("path"); var DIST_DIR = path.resolve(__dirname, "public"); var SRC_DIR = path.resolve(__dirname, "src"); var config = { entry: SRC_DIR + "/client/main.js", output: { path: DIST_DIR + "/app", […]

Webpack – 不输出某个入口点的包

即时通讯使用文件加载器来自动呈现一堆帕格模板静态html文件,但webpack也输出基于入口点的无意义的文件 例如,这是在我的webpack.config.js: entry: { 'js/build/bundle.js': './js/app.js', 'this-shouldnt-emit': './pug/.pug.js' //pug entry point }, output: { path: path.join(__dirname, '../'), filename: '[name]' }, … // pug loading module rule { test: /\.pug$/, include: path.resolve(__dirname, "../pug"), use: [ "file-loader?name=[path][name].html&context=./pug", "pug-html-loader?pretty&exports=false" ] } 和我得到一个this-shouldnt-emit束文件的根目录,我不想要的。 我怎样才能阻止文件加载器发出一个输出包,但不会干扰它生成当前所有的静态html文件。 是否有一个插件或某种types的可以放在装载机链末端的空装载程序来终止发送的包?

Webpack – 将哈希包的URL插入静态哈巴狗模板

即时通讯使用webpack pug-html-loader +文件加载器来生成一堆静态帕格模板。 我也想开始添加哈希包的文件名,但我不能解决如何将哈希文件名插入我所有的哈巴狗模板 这是如何引用我的包当前在所有的哈巴狗模板: script(src="bundle.js") link(href="bundle.css") 我怎么修改引用bundle-[chunkhash].js / bundle-[chunkhash].css] – 我需要传递一些variables到我的webpack.config.js中的pug-html-loader吗? 注意使用extract-text-plugin将我的SASS输出到.css包文件

Jade包含基于variables的模板

我想添加一个基于variables名称的模板。 类似的东西: include= templateName

ng-view不能在AngularJS / Express中使用partials

一切正常,直到我试图在ng-view中显示一个部分文件。 /public/app/app.js angular.module('app', ['ngResource', 'ngRoute']); angular.module('app').config(function($routeProvider,$locationProvider){ $locationProvider.html5Mode(true); $routeProvider .when('/', {templateUrl: '/partials/main', controller: 'mainCtrl'}); }); angular.module('app').controller('mainCtrl', function($scope){ $scope.myVar = "Hello Angular"; }); /server/includes/layout.jade doctype html 5 html head link(rel="stylesheet", href="/css/bootstrap.css") link(rel="stylesheet", href="/vendor/toastr/toastr.css") link(rel="stylesheet", href="/css/site.css") body(ng-app="app") block main-content include scripts /server/includes/scripts.jade (版本号不在脚本中) script(type="text/javascript", src="/vendor/jquery/jquery.js") 2.1.0 script(type="text/javascript", src="/vendor/angular/angular.js") 1.2.16 script(type="text/javascript", src="/vendor/angular-resource/angular-resource.js") script(type="text/javascript", src="/vendor/angular-route/angular-route.js") script(type="text/javascript", src="/app/app.js") /views/index.jade extends ../includes/layout […]

如何从网页和模板中引用NPM安装的库?

我已经安装了,比如jQuery: npm install jquery 现在我的网站了 ROOT/node_modules/jquery/* 子目录。 接下来做什么? 写吧 <script src="/node_modules/jquery/src/jquery.js"></script> 或者我可以做一些采取jquery.js出这个path和/或编码参考在一些便携式的方式? 例如,假设我正在使用Jade模板。 我只是写 script(src="/node_modules/jquery/src/jquery.js")

如何在NodeJS / Express / Jade中正确使用dev和prod资源

我有一个基于Express的结构和Jade模块的NodeJS应用程序的意见。 我需要在开发人员机器上使用完整版本的资产,在生产机器上使用最小版本。 你能解释一下我应该怎么做的最佳做法吗? 编辑:如果你把一个减号请描述的原因。