如何将AngularJS与Expressjs& amp; NodeJS?如何用棱角取代玉?

时间:2015-08-20 06:15:25

标签: angularjs node.js express pug

我有玉作为默认模板,想要完全删除并使用角度代替。怎么做 ?如何从包中删除Jade?

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

3 个答案:

答案 0 :(得分:1)

将其放入您的express app.js文件中,或者如果已存在则进行编辑:

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

删除任何其他行,例如app.set(views ...或app.set(查看引擎)。

答案 1 :(得分:1)

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

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

使用

删除app.js中的所有配置
  

app.set

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

  

npm uninstall jade

现在用

更新你的package.json文件
npm update -g

我们现在已将模板引擎设置为HTML,现在我们需要更新快速 app.js 以指向Angular js的目录 默认情况下,我们使用 公共 目录

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

现在将 Angular js 代码放在Express应用的公共目录中。

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

答案 2 :(得分:-1)

您不需要使用角度为的玉。 你仍然可以用角度来制作html模板。

这样做的方法是在你的html中创建一个标签

像:

<your-tagname> </your-tagname>

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

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

});

这会在你的custum html标签中加载任何html狙击/内容。 如果您不创建任何玉文件,将很容易忽略。

如果您使用node.js,请确保在快速代码中指向index.html而不是index.jade。