2015-12-31 2 views
0

Я начал работу над образцом веб-приложения NodeJS/Express, , и я использую механизм шаблонов Jade.Показать абзац в шаблоне Jade

Ниже приведен неполный код .jade для одного из экранов.

html 
    head 
    script(src='/js/bootstrap.min.js') 
    script(src='/angular/angular.min.js') 
    link(href='/css/bootstrap.css' , rel='stylesheet') 
body 
    div(class='container') 
     p= error 

Мое намерение иметь элемент "р" внутри DIV

<div class='container'> 
<p>Error message comes here.. </p> 
</div> 

Но что happing является "р" элемент после DIV

<div class='container'> 
</div> 
<p>Error message comes here.. </p> 

Пожалуйста, дайте мне знать, что необходимо изменить так, чтобы «p» находилось в пределах div.

+1

ваш отступы все странно, пожалуйста, убедитесь, что все на расстоянии двух пробелов в файле 'jade'. Кроме того, ваш код выглядит отлично. Вы можете использовать только '.container' вместо' div (class = "container") '. Я просто попробовал свой код на «jade-lang.com», и там все в порядке. – Sgnl

+0

@Sgnl, Как вы сказали, если я вставляю код в jade-lang.com, он работает нормально. Но в моем случае, когда он получается от сервера, он не работает. – refactor

+0

Я просто попробовал свой код на своем сервере, и он работает отлично. Таким образом, это может быть ошибка, вызвавшая проблему, и что это за ошибка? – Molda

ответ

0

Ваш код может быть отложен неправильно. Попробуйте следующее:

html 
    head 
    script(src='/js/bootstrap.min.js') 
    script(src='/angular/angular.min.js') 
    link(href='/css/bootstrap.css',rel='stylesheet') 
body 
    .container 
    p=error 
0

Скопировано jade-код и кажется, что вы отделились неравномерно. Попробуйте это:

html 
    head 
     script(src='/js/bootstrap.min.js') 
     script(src='/angular/angular.min.js') 
     link(href='/css/bootstrap.css' , rel='stylesheet') 
    body 
     .container 
      p error 
0

Это работало для меня

div.container

р = ошибка

Смежные вопросы