我可以在 Angular 中使用（EJS 或 Pug）嗎？ 或者 Angular 已經帶有默認的模板引擎？

Question

Angular 是否已經帶有模板引擎？

如果我希望使用 MEAN 堆棧，那么使用 EJS 或 Pug 作為模板引擎是否有效？ 如果是，那么我該如何實施？

Answer 1

在 Angular 中，您可以使用Interpolation ，它指的是標記文本中的嵌入表達式。 要使用interpolation您需要使用像{{}}這樣的雙花括號，例如：

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

您還可以使用Template Expression ，它產生一個值，也出現在雙花括號中。

但是，除了這個，你可以使用的NodeJS，Expressjs的template-engine一樣ejs ， pug和handlebars將幫助您創建動態內容。 您可以選擇其中任何一種。 例如，為了使用ejs您需要先安裝它。 您可以在終端中編寫以下命令

npm i ejs

並將其導入到您的根文件中

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 %>