作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我不知道为什么,但我不能强制 Angular 在这里工作。有没有人知道为什么会这样?我什至不能用绑定(bind)模型制作一个简单的输入表单。总是只有 {{model}} 和这个
文件树
/app.js
var express = require('express');
var app = express();
var port = process.env.PORT || 3000;
var bodyParser = require('body-parser');
app.use(express.static(__dirname + '/client'));
app.use(bodyParser.json());
require('./app/routes.js')(app);
app.listen(port, () => {
console.log('Server listening on port 3000...');
});
/app/routes.js
var sqlite3 = require('sqlite3').verbose();
var db = new sqlite3.Database('./db/mes.db');
var _ = require('underscore');
module.exports = function (app) {
app.get('/messages', (req, res, next) => {
try {
var messages = [];
// Some db stuff
res.json(messages);
} catch (err) {
next(err);
}
});
app.set('views', './views');
app.set('view engine', 'pug');
app.get('*', (req, res) => {
res.render('index');
});
};
/client/controller.js
angular.module('myViewerController', [])
.controller('mainController', ['$scope','$http','Messages', function($scope, $http, Messages) {
$scope.formData = {};
$scope.loading = true;
Messages.get()
.success(function(data) {
$scope.messages = data;
$scope.loading = false;
})
.error(data => {
console.log('Error: ' + data);
});
}]);
/client/core.js
angular.module('myViewer', ['myViewerController', 'myViewerService']);
/client/service.js
angular.module('myViewerService', [])
.factory('Messages', ['$http', function ($http) {
return {
get: function () {
return $http.get('/messages');
}
}
}]);
/views/layout.pug
doctype html
html(ng-app='myViewer')
head
meta(charset='utf-8')
link(href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css', rel='stylesheet')
body(ng-controller='mainController')
block content
block scripts
script(src='http://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js')
script(src='../client/controller.js')
script(src='../client/service.js')
script(src='../client/core.js')
/views/index.pug
extends layout
block content
.container(ng-controller='mainController')
.row
table.table-bordered
thead
tr
th Id
th Caller
th Message
th Date
tbody(ng-repeat='m in messages')
tr
td {{m.id}}
td {{m.caller}}
td {{m.text}}
td {{m.date}}
最佳答案
谢谢 Muli Yulzary .我刚刚变了
在/app/routes.js
var path = require('path');
// ..
app.get('/', (req, res) => {
res.render('index', {root: path.join(__dirname, '../client')});
});
在/views/layout.pug
script(src='./controller.js')
script(src='./service.js')
script(src='./core.js')
关于javascript - Angular 不适用于 Express 和 Pug,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39359074/
我是一名优秀的程序员,十分优秀!