kłopoty z użyciem angularjs z projektem slim w szynie

Question

W końcu zdecydowałem się dać angularjsowi wir i mam problemy z początkami.

Używam Rails 3.2 i klejnot szablonu Slim dla widoku.

Próbuję tylko przykład z angularjs strony TUTAJ: http://angularjs.org/#todo-html

Oto odnośny bit:

<div ng-controller="TodoCtrl"> 
    <span>{{remaining()}} of {{todos.length}} remaining</span> 

Które w smukły byłoby coś jak:

div(ng-controller="TodoCtrl") 
    span {{remaining()}} of {{todos.length}} remaining 

The problemem jest Slim tylko drukuje:

{{remaining()}} of {{todos.length}} remaining 

dosłownie jako ciąg.

Każdy, kto jest w stanie uzyskać Slim i Angular, aby grać razem?

Answer 1

W końcu udało mi się.

musiałem iść do mojego układu i to zrobić:

html(ng-app='') 

Prawdopodobnie można dodać, że do div na danej stronie również.

div(ng-app='') 
    div(ng-controller="TodoCtrl") 
    span {{remaining()}} of {{todos.length}} remaining 

Mam nadzieję, że to pomaga komuś. Zajęło mi to trochę czasu.

Answer 2

Można również zrobić to w taki sposób:

html [ng-app] 

Lub:

div [ng-app] 
    div [ng-controller="TodoCtrl"] 
    span {{remaining()}} of {{todos.length}} remaining