Articles of 帕格

如何在页面中包含AngularJS

我正在做一个NodeJS应用程序,我想用我的客户端脚本AngularJS。 我通过NPM下载了AngularJS,现在我试图让它在我的页面中实现,出于某种原因,我的请求不起作用。 任何人都可以帮我包括AngularJS文件? 发布页面。 extends layout block content script(src="/javascripts/postCtrl.js") // Page Content .container(ng-app='postModule', ng-controller='postCtrl') form(method='post') button(ng-click='test()') Click to test Button 发布脚本 var angular = require('angular'); var app = angular.module('postModule', []); app.controller('postCtrl', function ($scope, $sce) { $scope.test = function(){ alert("Working"); }; });

玉/帕格是否有可能使用包含语句的variables?

我正在开发nodejs应用程序,我有include语句的问题。 当我像这样使用它时,它是有效的: include ../mixins/root.pug …但是有可能在include上使用variables吗? 这些工作都不是: include #{process.env.MIXINS_PATH}/root.pug include !{process.env.MIXINS_PATH}/root.pug include `${process.env.MIXINS_PATH}/root.pug` 结果是这样的: Error: ENOENT: no such file or directory

如何使用方法放在node.js与快递更新信息

我试图创build一个带有快捷和mongoose的nodejs的CRUD,当我尝试从窗体更新内容时,这个空的所有寄存器,当我用POST方法。 这里是我的代码: 玉模板 extends ../includes/layout block content div(class="wrap") include ../includes/header div(class="column-group vertical-space") div(class="all-50 push-center") div(class="all-100") h1 #{title} div(class="all-100") form(role="form" method="post" action="#{project.id}" enctype="multipart/form-data") div(class="all-50") h3 Cambiar nombre a #{project.ProjectName} input(type="text" name="projectName" required) p Cambiar detalles textarea(name="details") p Cambiar precio input(type="number" name="ammount") p Cambiar localización input(type="text" name="localize") div(class="all-50") p Cambiar Imágen input(type="file" name="image" multiple) //p #{plane} //input(type="file" […]

玉模板与胡须模板的比较与区分

我是java脚本的初学者,熟悉客户端开发的底层。 我的问题是这个玉模板引擎和小胡子模板之间的主要区别是什么? 他们两个是为了nodejs服务器端还是在客户端使用? 每个人在他们的范围有什么优势? 如果我想在这种情况下写MEAN堆栈结构的小单页应用程序select哪种模板语法是最好的? html 5? 玉? 胡子?

使用Node + Express web API的angular度应用程序返回JSON资源vs服务器端模板引擎

对于Node和Express来说,我还是一个新手,而且在使用模板引擎(如Jade)或不使用服务器端渲染的概念方面存在一些困难。 我在web开发方面的经验完全基于Angular应用程序,它使用RESTful Web API以JSON格式消耗资源,并使用Angular的双向数据绑定来呈现html。 这种方法的优点和缺点是什么,当Angular有很大的灵活性时,在服务器上呈现html页面有什么好处?

将查询数据从一个函数返回到一个jade / express.js页面

我一直在尝试几种不同的方法来尝试使用express.js从一个SQL查询中获取数据,并使用express和Jade模板将其显示在页面上。 我已经通过阅读太多不同的方法来纠缠这个过程,但是我并没有理解这个基本概念。 本质上,我有一个名为fetchData的函数app.js创build一个连接到DB2数据库,并将行存储在一个数组中。 我能够看到成功打印到控制台日志。 我的问题在于将数组返回到由express和Jade生成的网页。 我已经使用了教程,并使用下面的代码创build了基本页面 router.get('/', function(req, res, next) { res.render('index', { title: 'Express'}); }); 之后,我试过: module.exports = router; exports.init = fn1.fetchData(); exports.list = function (req ,res) { res.render('iData', { 'iData': dData }); } 但是这肯定是不正确的,当我尝试使用玉石模板显示它时,它不工作: extends layout block content h1= title p Howdy, welcome to #{title} ul for val in iData li= val 有没有人知道一个很好的指导或方法来做我想做的事情? […]

节点101:未定义app.use ReferenceError

我是Node / Express新手,并有一个关于路由的基本问题,因为我收到以下错误信息: app.use('/edu', edu); ^ ReferenceError: edu is not defined at Object.<anonymous> (/Users/ronitelman/Dropbox/happy/happy/app.js:29:17) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) at Module.load (module.js:355:32) at Function.Module._load (module.js:310:12) at Module.require (module.js:365:17) at require (module.js:384:17) at Object.<anonymous> (/Users/ronitelman/Dropbox/happy/happy/bin/www:7:11) at Module._compile (module.js:460:26) at Object.Module._extensions..js (module.js:478:10) [nodemon]应用程序崩溃 – 正在等待文件更改开始之前… app.js: app.use('/', routes); app.use('/users', users); app.use('/about', about); app.use('/edu', edu); 文件结构: > […]

玉/帕格 – 追加到类名称

你好,我有一个唯一的ID在一个对象,我想追加到类的名字。 我正在尝试做类似以下的事情,但它不工作: myJadeFile: .googleChartContainer-#{attendanceAnalytics.uid} myRoute.js: res.render('./edu/school_dashboard_elementary', { attendanceAnalytics:attendanceChart }); 我想我可以在我的路线中创build一个类名称,并将其作为variables发送,如下所示: var className = '.googleChartContainer-attendanceChart.uid}'; res.render('./edu/school_dashboard_elementary', { attendanceAnalytics:attendanceChart, attendanceClassName:className }); 然后在玉文件中: #{attendanceClassName} //- output is .googleChartContainer-someUid? 我想知道是否有办法让第一种方法正常工作,或者如果有另一种喜欢的方式。 谢谢!

玉的双数组显示

我有这个数组设置: var threads = ["one", "two", "three"] var data = [ [11,21,31], [12,22,32], [13,23,33], ] 我需要这样的HTML: one two three 11 21 31 12 22 32 12 23 33 现在我用nodejs(Express)将数组传递给我的layout.jade table thead each val in {threads} +tablethread(val) tbody -for (var i = 0; i < {data}.length; i++) { tr -for (var o = 0; o < […]

找不到公共目录(404)ExpressJS和Jade

我已经使用这个服务的静态文件。 app.use(express.static(path.join(__dirname, 'public'))); 这是我的index.jade示例 // jQuery script(src='public/js/jquery.min.js') // jQuery Easing script(src='public/js/jquery.easing.1.3.js') // Bootstrap script(src='public/js/bootstrap.min.js') // Waypoints script(src='public/js/jquery.waypoints.min.js') // Stellar Parallax script(src='public/js/jquery.stellar.min.js') // Counter script(src='public/js/jquery.countTo.js') // Magnific Popup script(src='public/js/jquery.magnific-popup.min.js') script(src='public/js/magnific-popup-options.js') // Google Map script(src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false') script(src='public/js/google_map.js') // For demo purposes only styleswitcher ( You may delete this anytime ) script(src='public/js/jquery.style.switcher.js') 这是我的结构。 这是我的控制台上的错误。 任何人都可以帮助我找出问题吗? 那将是非常赞赏。