Я работал над несколькими Угловыми проектами, но я немного новичок в узле. У меня есть настраиваемая директива, которая отображает сводную статистику о данных, <summary-stats></summary-stats>
. Директива отлично работает, когда я разрабатываю интерфейс с помощью Gulp и Browser Sync, но когда я создаю все файлы и запускаю node server.js
, мои пользовательские директивы заставляют браузер отставать. Я считаю, что это связано с включением в директиву templateUrl
.Пользовательская угловая директива с шаблоном не запускается в узле
Есть ли что-то, что мне нужно для включения шаблонов, указанных templateUrl
, чтобы узел обслуживал файлы HTML?
Вот моя директива:
app.directive('summaryStats', function(scatterService) {
return {
restrict: 'A',
templateUrl: 'app/components/summaryStats/summaryStats.html',
link: function(scope, el, attr) {
function update(data) {
scope.lowCost = data.xMin;
scope.highCost = data.xMax;
scope.avgCost = data.avgCost;
scope.lowTime = data.yMin;
scope.highTime = data.yMax;
scope.avgTime = data.avgTime;
scope.topTechs = data.topTechs;
}
scope.$watch(function() { return scatterService.getModel(); }, function(newVal) {
update(newVal);
}, true);
}
};
});
Вот мой server.js файл:
var express = require('express');
var path = require('path');
var morgan = require('morgan');
var bodyParser = require('body-parser');
var methodOverride = require('method-override');
var fs = require('fs');
var app = express();
app.use(function(req, res, next) {
req.headers['if-none-match'] = 'no-match-for-this';
next();
});
app.use(express.static(path.join(__dirname, '/dist')));
app.use(morgan('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({'extended':'true'}));
app.use(methodOverride());
app.get('*', function(req, res) {
res.sendfile('./dist/index.html');
});
app.listen(8080);
console.log("App listening on port 8080");