Напишите простой HTML-код в Jade

Question

Я думал, что можно писать чистый HTML-код в качестве входных данных в файлах Jade, но при попытке я получаю сообщение об ошибке.

Для этого HTML

div(ng-controller="TestController") 

h1 Services list 

ul(ng-model="test") 
    li(ng-repeat="item in items") 
     a 
      | {{ item.name }} 

div(ui-view) 

Я получаю следующую ошибку

Running "watch" task 
Waiting... 
>> File "app/frontend/views/home.jade" changed. 

Running "jade:compile" (jade) task 
>> Error: app/frontend/views/home.jade:2 
>>  1| <b>hello </b> test 
>> > 2| <ul ng-model="test"> 
>> 
>> unexpected token "indent" 
Warning: Jade failed to compile "app/frontend/views/home.jade". 
>> Destination not written because compiled files were empty. 
>> 5 files created. 

Running "watch" task 
Waiting... 

Answer 1

, по-видимому, начиная с трубой | это должно работать

| Plain text can include <strong>html</strong> 
p 
    | It must always be on its own line 

jade-lang.com/reference/plain-text

---

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

pre 
    <div>Stuff</div> 

Answer 2

Вместо того, чтобы просто написать простой HTML код в файл .jade (ы) вы» ll необходимо использовать синтаксис Jade для файлов HTML:

doctype html 
html(lang="en") 
    head 
    title= pageTitle 
    script(type='text/javascript'). 
     if (foo) { 
     bar(1 + 5) 
     } 
    body 
    h1 Jade - node template engine 
    #container.col 
     if youAreUsingJade 
     p You are amazing 
     else 
     p Get on it! 
     p. 
     Jade is a terse and simple 
     templating language with a 
     strong focus on performance 
     and powerful features. 

Edit:

использовать простой HTML теги в Джейд вы в основном получили 2 возможности:

p Plain text can include <strong>html</strong>

или | Plain text can include <strong>html</strong> p | It must always be on its own line

Вы можете проверить на дальнейшие подробности здесь: http://jade-lang.com/reference/plain-text/