如何将 AngularJS 与 Expressjs 和 NodeJS 集成？如何用 angular 替换 Jade？

Question

我将 jade 作为默认模板，想完全删除并改用 angular。怎么做？如何从包裹中取出 Jade？

我想使用 Plain HTML + Angular 创建没有 ejs 或任何包的前端。

Answer 1

angular不需要使用翡翠。您仍然可以使用 angular 制作 html 模板。

方法是在 html

中创建一个标签

赞：

<your-tagname> </your-tagname>

然后在 angular js 代码中创建一个简单的指令。

pl.directive('yourTagname', function(){
    return {
        restrict: 'E' ,
        templateUrl: 'view/yourhtmlpagename.html'
    };

});

这将在您的自定义 html 标签内加载任何 html sniper/content。如果您不创建任何 jade 文件，那将很容易被忽略。

如果您使用 node.js.

，请确保在您的快递代码中指向您的 index.html 而不是 index.jade

Answer 2

将其放入您的 express app.js 文件或编辑它（如果已存在）：

app.use('/', express.static(path.join(__dirname, '/your directory')));

删除任何其他行，例如 app.set(views... or app.set(view engine).

Answer 3

首先，您需要将 Express 主 app.js 文件中的 视图引擎 设置为 html .

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

使用

删除在 app.js 中所做的所有配置

app.set

现在，我们需要从安装的包列表中删除 Jade 模板引擎模块

npm uninstall jade

现在用

更新您的package.json文件

npm update -g

我们现在已经将模板引擎设置为 HTML，现在我们需要更新我们的 express app.js 以指向 [=49] 的目录=] js 默认我们使用Public目录

app.use(express.static(path.join(__dirname, 'public')));

现在将您的 Angular js 代码放入您的 Express 应用程序的 public 目录中。

此外，请确保相应地更改 Angular 中的路由，这将指向您的应用所需定义的 Express Node js 路由。

How to integrate AngularJS with Expressjs & NodeJS ? How to replace Jade with angular?