我可以在 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 %>