使用JADE缩进时出错

时间:2014-01-14 18:30:52

标签: angularjs pug indentation

我正在尝试创建一个简单的jade模板(我对jade相对较新)并且我一直在使用这段代码出错:

extends layout

block content
    h1= title
    div(ng-controller="AppCtrl")
    h1 Angulair
        ul(ng-repeat="airport in airports") 
            li airport.code
            li airport.city
            li airport.name

我也使用角度,但我得到的错误是缩进不正确。之前,我有这样的代码:

extends layout

block content
    h1= title
    div(ng-controller="AppCtrl")
        h1 Angulair
             ul(ng-repeat="airport in airports") 
                li airport.code
                li airport.city
                li airport.name

第二个h1标签再次缩进,但仍然给我一个错误。确切的错误如下所示:

500错误:/ Users / AllanAraujo / Desktop / testapp 5 / views / index.jade:7
5 | div(ng-controller =" AppCtrl")
6 | h1 Angulair
> 7 | ul(ng-repeat ="机场机场")
8 | li airport.code
9 | li airport.city
10 | li airport.name

无效缩进,您可以使用制表符或空格,但不能同时使用

任何帮助都很棒,谢谢。

2 个答案:

答案 0 :(得分:0)

extends layout

block content
    h1= title
    div(ng-controller="AppCtrl")
        h1 Angulair
        ul(ng-repeat="airport in airports") 
            li airport.code
            li airport.city
            li airport.name

ul的方式h1就是{{1}}的孩子,这是不允许的。

答案 1 :(得分:0)

所有缩进都有4个空格。 ul行有一个额外的空格。

在SublimeText中很容易看到它的标签行。

Extra space in tab.