2015-07-04 1 views
1

Я написал этот тестовый код, чтобы проверить, работает ли Angular с Jade.Угловая привязка данных не работает с Jade

layout.jade

doctype html 
html 
    head 
    title #{title} 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    body(ng-app='app') 
    block content 
    script(type="javascript" src="/vendor/bower/angular/angular.min.js") 
    script(type="javascript" src="/public/app/module.js") 

index.jade

extends layout 
block content 
    div(ng-controller="mainCtrl") 
     h1 #{title} 
     input(type="text" ng-model="something") 
     | {{something}} 

Но {{}} что-то всегда отображается в виде строки & а не заполнителем.

Этот вопрос задан несколько раз, я проверил ответы, но не смог его исправить.

РЕШИТЬ: Это должно быть полезно для начинающих

Оказывается, я не указать файлы правильно,

doctype html 
html 
    head 
    title= title 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    script(type="text/javascript" src="/bower/angular/angular.min.js") 
    script(type="text/javascript" src="/javascripts/app/module.js") 
    body(ng-app="app") 
    block content 

В каталоге статических активов,

app.use (express.static (путь.join (__ dirname, 'public')));

уже определен в экспресс-приложении.

Кроме того, мне пришлось добавить еще промежуточное программное обеспечение для 'поставщика' в app.js (экспресс), то есть

app.use (express.static (path.join (__ имя_директории, 'поставщик'))) ;

+0

Является одновременно в том же каталоге? Можете ли вы продлить layout.jade с расширением – geckob

+0

fyi, этот генератор имеет образцы файлов для jade + angular - https://github.com/DaftMonk/generator-angular-fullstack/tree/master/app/templates/client – YOU

ответ

0

Try что-то вроде этого:

extends layout 
block content 
    div(ng-controller="mainCtrl") 
     h1 #{title} 
     input(type="text" ng-model="something") 
      span(ng-bind="something") 
+0

Thank вы тоже отлично справляетесь. Я не уточнял файлы и исправления. – SPtheSlayer