Tag: 帕格

当点击一个表单提交button时，启动一个远程引导模式，然后远程模式内容显示表单数据？: 我很难find一种方法来实现这一点。我正在使用Node.js，Bootstrap 3，并表示我想从一个表单页面开始。当用户填写表单时，他们点击提交。在这里，我想发射一个远程模式。（从常规链接或button完成此操作无困难。）这启动了一个职位。那么我怎样才能启动远程模式，并将表单数据从post传递给它，这样一个带有答案的新的远程页面就可以显示在原始表单页面的模式窗口中。这里是我有的代码： forms翡翠（cover-form.jade）： html head meta(name="viewport" content="width=device-width, initial-scale=1.0") title= title link(href="/stylesheets/coverform_custom.css" rel="stylesheet") body .modal.fade(id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true") .modal-dialog.wide-modal .modal-content form.form-horizontal(id="coverform" name="coverform" method="post" action="") .LoginBox.LoginText fieldset.animated.fadeInUp // Form Name legend.LoginText  Cover Strategy // Text input .form-group label.col-xs-4.control-label(for='symbol') Stock Ticker: .col-xs-5 input#symbol.form-control.input-xs(type='text', name='symbol', placeholder='example: AAPL', autofocus, required) span.help-block […]

在express中设置来自routes / index的模板variables4: 我是新来的node.js和expression。我已经安装了express 4使用“express myAppName”命令从terminal，它创build一个默认目录，我默认使用Jade模板。主文件app.js看起来像这样（标准的快速样板文件）： var express = require('express'); var path = require('path'); var favicon = require('serve-favicon'); var logger = require('morgan'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var routes = require('./routes/index'); var users = require('./routes/users'); var app = express(); // view engine setup app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'jade'); // uncomment after placing […]

用Jade编译Coffeescript：咖啡filter：会妨碍性能吗？有没有办法简化？裸？: 我正在考虑通过jade的咖啡filter来编译客户端的coffeescript。 Express的设置很简单，如下所示（在我通过命令行编译的coffeescript中）： app.get '/coffee/:script', (req, res) -> script = req.params.script res.render "../coffee/#{script}" .jade文件可以是： :coffee console.log 'hello world' 我有三个问题：有没有任何性能问题，我应该关心与通过命令行预编译脚本？我假设在服务器启动（或第一次加载？），他们可能会花更less的时间，但应该被caching？有没有办法让玉石自动呈现整个文件应该是：咖啡文字？这将节省：咖啡线，并从每行的额外缩进。有没有办法让玉编译脚本光秃秃的(function(){包装？我经常写自己的: (($)-> … ) jQuery ，有时需要公开variables:)

你可以使用玉来只呈现你的HTMLdynamic部分…而不是混淆你的HTML的其余部分: 或者你可以部分渲染，稍后再渲染。因此，让我们说，当应用程序启动它呈现大部分的HTML。但是，当用户abc想要看到他的个人资料玉呈现名称abc并将其与常规的预渲染的html合并，然后您发送它等。在每个请求中渲染整个html页面似乎是一种浪费。将所有的静态HTML转换成玉看起来像是一个可以避免的烦恼。慢慢的CSS成为LESS和HTML成为JADE？我迷失在如何使用玉我正在学习快递。

翡翠列表迭代内有不同的内容: 有什么办法来遍历列表，并获得每个列表项中的不同内容？我现在拥有的是这样的： ul.tabs li.tab-header-and-content a.tab-link(href="") Strategic overview .tab-content .col-4 p Our world is changing fast. Global population is rising rapidly. There is growing pressure on resources. Rising energy prices and climate change have created a need for new lower carbon energy sources. p All of this is driving the transition towards a resource and energy […]

angular js ng-view返回blanc partials – Express / Jade: 我正在编写一个angular度的应用程序下面的教程。令我惊讶的是，我完全按照我的节点js开始没有问题。但是，我的angular没有返回模板，假设。我在这里看到类似的问题相同的教程和相同的问题。但是，这个问题没有回答。以下是我的dir结构 app.js var app = 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"; }); 我的layout.jade doctype 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 我的main.jade h1 This is a partial h2 {{ myVar }} 我的server.js路由设置为 app.get('partials/:partialPath',function(req,res){ […]

快捷链接外部url: 我有一个快速的应用程序，我有一个模板，吐出一个链接，如： index.jade： var url ='google.com' a（href =“{{= url}}”）{{= url}} 但是，它会生成以下链接： HTTP：//localhost/google.com 并不是： google.com 我真正需要的是创build一个链接到外部url。有没有办法做到这一点？谢谢。

Node.js / jade – 我如何将mysql数据作为本地variables传递给内联javascript？: 我的节点脚本有这个在它： var connection = mysql.createConnection(…); connection.connect(); connection.query(/*sql query*/, function(err, rows, fields){ app.get('/', function(req, res){ res.render('index', { data: JSON.stringify(rows) }); }); }); 那么如果我在我的Jade模板中这样做： body p !{data} 它完全按照您的预期显示MySql查询中的数据。但是如果我这样做： body script(type='text/javascript'). console.log(!{data}); 它给了我[Object, Object, Object, Object…. 为什么它是不同的解释，如果它是客户端Javascript的一部分？我该如何解决这个问题？我把JSON.stringify放在局部variables赋值中，因为如果我不这样做，无论我在哪个模板中试图放置它，都不会传递。有没有另外一种方法可以改变数据呢？

Jade Minified Javascript未被parsing为文本块: 我有一个大约80Kb的缩小的app.min.js文件，包含我的网站所需的所有JavaScript代码。如果我包含这个文件作为源指向app.min.js的脚本一切正常，没有JS错误。但是，如果我尝试制作一个新的.jade文件，并将所有javascript代码放在里面，这样我就可以包含javascript.jade了。在第一行代码中出现错误，我不明白为什么？我也试过使用脚本。而不是只是脚本，但我仍然得到一个错误（wtf？）没有使用脚本。应该强迫Jade将其解释为文本块？如果我所有的代码（80Kb）都在一行中，我该如何debugging这个错误？是的，我已经尝试将代码分成多行，我得到相同的错误。是的，我已经validation了一切，并没有失去一行之前的空间，但我仍然得到这个错误.. 如果有人想在这里尝试链接到我的玉文件（这是我的app.min.js的一个确切的副本，除了我添加脚本，就像玉需要..）： http : //pastebin.com/raw。 php？i = F3AqQQL2注意：请将文件复制粘贴到文本编辑器中，因为Chrome不会在行中显示空格。警告：在文件第一行的文件“/var/www/views/app_js.jade”之前缺less空格警告：在文件第一行的文件“/var/www/views/app_js.jade”之前缺less空格警告：在文件第一行的文件“/var/www/views/app_js.jade”之前缺less空格警告：在文件第一行的文件“/var/www/views/app_js.jade”之前缺less空格警告：在文件第一行的文件“/var/www/views/app_js.jade”之前缺less空格警告：在文件第一行的文件“/var/www/views/app_js.jade”之前缺less空格 {[错误：/var/www/views/app_js.jade:2 1 | 脚本。 2 | 如果（！function………… 我得到的错误是：'意想不到的文字^]'

咕噜玉报告错误，如'不能读取属性'xxx'未定义': 当我使用gulp-jade@1.1.0来编译“index.jade” <!DOCTYPE html> html(lang="en") head meta(charset="UTF-8") title Document body – var json = {'foo': 'bar'} include template 包括“template.jade” h1= json.foo g蛤蟆总是报错 [15:11:34] Starting 'jade'… [15:11:34] Starting 'sass'… [15:11:34] Finished 'sass' after 2.68 ms [15:11:34] Plumber found unhandled error: TypeError in plugin 'gulp-jade' Message: C:\Users\Administrator\Desktop\workspace\node\src\jade\template.jade:1 > 1| h1= json.foo Cannot read property 'foo' of undefined Details: […]