First install NodeJs: I use expressjs
$ npm install -g express-generator
$ express
npm install
npm install cors
//------------------------//
your we import cors in our app.js so it will look like bellow
var createError = require(‘http-errors’);
var express = require(‘express’);
var path = require(‘path’);
var cookieParser = require(‘cookie-parser’);
var logger = require(‘morgan’);
var cors = require(‘cors’);
var indexRouter = require(‘./routes/index’);
var usersRouter = require(‘./routes/users’);
var app = express();
// view engine setup
app.set(‘views’, path.join(__dirname, ‘views’));
app.set(‘view engine’, ‘jade’);
app.use(cors());
app.use(logger(‘dev’));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, ‘public’)));
app.use(‘/’, indexRouter);
app.use(‘/users’, usersRouter);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
next(createError(404));
});
// error handler
app.use(function(err, req, res, next) {
// set locals, only providing error in development
res.locals.message = err.message;
res.locals.error = req.app.get(‘env’) === ‘development’ ? err : {};
// render the error page
res.status(err.status || 500);
res.render(‘error’);
});
module.exports = app;
———————————————————————————
in your node app in index.js I just modified
var express = require(‘express’);
var router = express.Router();
var dbdata = [
{
Lastname:’Jalal’,
Firstname:’Mehdi’,
Phone:’8777777′,
Email:’mehdi@gmail.com’
},
{
Lastname:’Jalal’,
Firstname:’Yusuf’,
Phone:’223333′,
Email:’yusuf@gmail.com’
},
{
Lastname:’Jalal’,
Firstname:’Suleiman’,
Phone:’879877′,
Email:’suleiman@gmail.com’
}
]
/* GET home page. */
router.get(‘/’, function(req, res, next) {
//res.render(‘index’, { title: ‘Express’ });
res.send(dbdata);
});
module.exports = router;
//——————————————————————————//
Now we create our angular app using Angular cli
once your app is create create a service for your angualr app i call it appService.ts and create a function like bellow
getNode(){
return this.http.get(‘http://localhost:3000’).subscribe(res=>{
console.log(res);
})
}
once created now open your appComponent.ts
inside ngOninit call the function
this.appService.getNode();
Life Coders 