Tag: 帕格

通过angular度加载玉模板: 我正在一个单一的网页上的应用程序，我想用我的angular模板加载玉视图，但我正在努力包扎我的头正是如何做到这一点。这是我的angular模板：index.html <!doctype html> <html ng-app="test"> <head> <title>My Angular App</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"></script> <script type="text/javascript" src="/javascripts/app2.js"></script> </head> <body> <p> Hello </p> <div> <div ng-view></div> </div> </body> </html> 我为我的angular模板做了一个控制器：navigation.js angular.module('test', []) .config(viewRouter); function viewRouter ($routeProvider){ $routeProvider .when('/', {templateURL: 'views/index.jade'}); } 在这里，我试图使用一个玉石模板来渲染到页面上，但它似乎并没有工作。我有一个观玉模板， index.jade extends layout block content h1= title include partials/menu .views-wrapper include partials/login layout.jade： doctype html […]

Pug`＃{}`无法在`onclick`中加载variables: 所以我使用JavaScript对象来呈现项目列表。我的对象是这样的： { text: 'One', url: 'index.pug' }, { text: 'Two', url: 'Two.pug' }, { text: 'Three', url: 'Three.pug' } } 有趣的部分是帕格渲染他们。我正在使用像这样的东西： div ul.horizontalScroll each item in params.apps li a(onclick="loadXMLDoc(#{item.url})") #{item.text} 我不明白为什么item.text呈现正确，但点击链接不pingfunction。在铬检查员，我看到这个： <a onclick="loadXMLDoc(#)">One </a> 。为什么这个参数不能像index.pug那样通过呢？

多语种的模板？: 我正在使用Jade模板引擎，使用两种语言构build一个非常基本的单页网站。结果应该是静态HTML文档，不需要进一步的服务器端或客户端处理。是否有可能根据我在index.jade定义的语言从JSON文件加载网站内容，以及如何去执行此操作的最佳方法是什么？我目前的尝试会导致错误： gulpfile.js： gulp.task('views', function () { return gulp.src('app/**/*.jade') .pipe($.data(function(file) { return require('./app/data/text.json'); // load language file })) .pipe($.jade({pretty: true, basedir: 'app/'})) .pipe(gulp.dest('.tmp')); }); text.json： { "de": { "foo": "deutsch" }, "en": { "foo": "english" } } index_en.jade： extends /_layouts/default.jade var lang = "en" block content h1 #{lang.foo} // load text from json […]

在将数组传递给node.js中的jade模板时遇到问题: 我想传递新闻的数组显示在屏幕上，但我不知何故是在浏览器中的结果中获得空数组路线/ rss.js … var news = []; … var this_news = { 'title': item.title, 'description': item.description } news.push(this_news); … res.render('rss', { title: 'Node.js based RSS reader', newsi: JSON.stringify(news) }); 意见/ rss.jade extends layout block content h1= title p Welcome to #{title} p Sure why not script(type='text/javascript'). var inews = !{newsi}; 编辑好吧，所以我得出结论，问题在于我的“非callback逻辑” 这是我的代码： var […]

我如何将JS对象从服务器端传递到NodeJS中的客户端: 在PHP中，我使用脚本标记以JSONforms将对象从后端传递到前端。 <script> var serversideStuff = '<?php echo json_encode($serversideArray); ?>'; </script> 如何使用nodeJS，express和Jade将JS对象从服务器端传递到客户端。可能有一个很好的方法，我只是不知道。希望你能帮助我。

Express / Node.js：渲染自定义JavaScript作为响应: 在我的应用程序中，我需要提供一个API（类似Google Maps JavaScript API），通过这个API我可以发送一些自定义的javascript（带有一些会话和请求相关信息）作为响应。然后用JavaScript在UI上绘制一些graphics。我使用Express作为我的模板引擎。我目前使用的代码是： app.use('/graph',function(req, res){ //send out graph data var var_name = req.session.var_name //fetch something from session var graphData = fetchGraphData(req.query.graph); //function that fetches graph data res.contentType("text/javascript"); res.render(__dirname + '/views/graph.jade', { title: "Title", queryStr: JSON.stringify({var_name: var_name, graphData: graphData }) }); }); 玉档： | some_var_name = { | initGraph : function(divId){ | […]

引导+玉的checkbox: 伙计，我对翡翠和自举相当陌生。创build一个简单的表单，其中有下拉和checkbox。现在我的代码如下所示： form(role="search",action='/uri/blah' method='post').navbar-form.navbar-left .form-group input(type="name", name="bae", placeholder="bae", required).form-control select(id="type",name="type").form-control option(value="foo") foo option(value="bar") bar option(value="baz") baz input(type="text", name="X", placeholder="X", required).form-control input(type="checkbox", name="checkboxname", text="asdf").form-control p button(type="submit").btn.btn-default Submit 问题：1）checkbox名称，最新的标签是什么？ 2.）如何使表单更dynamic？也就是说，如果点击一个checkbox或select了一个下拉菜单，另一个会出现？谢谢

Node.js – 设置默认局部variables传递到布局/模板: 我正在使用Node.js和Express，我想传递一个本地variables在每个页面的布局，有没有办法做到这一点？我使用Jade作为我的模板引擎。我想这是因为我想在每个页面（使用会话）显示用户的用户名，任何方式来做到这一点，而不是每次包括在本地对象？

如何在一个nodejs＆express项目中同时使用ejs和jade？: 我想使用ejs来进行partials，并使用jade来进行单个页面，如何在一个nodejs＆express项目中使用这两个页面？