我可以在Angular中使用(ejs或pug)吗?还是Angular已经带有默认的模板引擎?

问题描述 投票:0回答:1

如果angular已经带有模板引擎,那么该默认引擎的名称是什么?

同样,如果我希望使用MEAN堆栈,那么使用EJSpug作为模板引擎是否有效?

如果是,那么我该如何实施?

node.js angular mongodb express mean-stack
1个回答
0
投票

Angular中,您可以使用Interpolation,它引用标记中的嵌入式表达式文本。要使用interpolation,您需要使用double-curly braces,例如{{}}

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

您也可以使用Template Expression,该值会产生一个值,并出现在double-curly-braces中。但是除此之外,您还可以使用Nodejs,Expressjs的template-engine(例如ejspughandlebars)将帮助您创建动态内容。您可以选择其中之一。例如,要使用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 %> 

希望这会有所帮助!

© www.soinside.com 2019 - 2024. All rights reserved.