Можно ли использовать (E JS или Pug) с Angular? или Angular уже поставляется с движком шаблонов по умолчанию? - PullRequest
Новая
       15

Можно ли использовать (E JS или Pug) с Angular? или Angular уже поставляется с движком шаблонов по умолчанию?

0 голосов
/ 01 апреля 2020

Имеется ли Angular уже с движком шаблонов?

Если я буду sh работать со стеком MEAN, тогда допустимо ли использовать E JS или Pug в качестве движка шаблонов? Если да, то как я могу это реализовать?

1 Ответ

1 голос
/ 01 апреля 2020

В Angular вы можете использовать Interpolation, что относится к встроенному выражению в тексте разметки. Чтобы использовать interpolation, вам нужно использовать двойные фигурные скобки, такие как {{}}, например: 

<h1>CustomerName: {{ name }} </h1>

, вы также можете использовать Template Expression, который выдает значение и также появляется в двойных фигурных скобках.

Но помимо этого вы можете использовать Nodejs, Expressjs template-engine, например ejs, pug и handlebars, которые помогут вам создать динамический c контент. Вы можете выбрать любой из них. Например, чтобы использовать ejs, вам необходимо сначала установить его. Вы можете написать следующую команду в своем терминале 

npm i ejs

и импортировать ее в свой root файл 

const ejs = require ('ejs');

, а затем вам нужно настроить движок вида как 

app.set('view engine', 'ejs');

Затем вам нужно сохранить все ваши views файлы с расширением .ejs 

const express = require('express');
const ejs = require('ejs');

const app = express();

app.set('view engine', 'ejs');

app.get('/', (req, res) => {  
  res.render('index', { name: 'Hello' });
});

 app.listen(3000, () => console.log('Server is running'));

Теперь вы можете динамически получать доступ к значению имени в вашем файле ejs, например 

<%=name %>
...