vấn đề sử dụng angularjs với mỏng trong một dự án đường ray

Question

Tôi cuối cùng đã quyết định cung cấp cho angularjs một whirl và tôi đang gặp rắc rối sớm.

Tôi đang sử dụng Rails 3.2 và đá quý mẫu Slim cho chế độ xem.

Tôi chỉ cố gắng ví dụ từ trang angularjs đây: http://angularjs.org/#todo-html

Dưới đây là các bit có liên quan:

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

nào trong mỏng sẽ là một cái gì đó như:

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

Các vấn đề là Slim chỉ in:

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

theo nghĩa đen dưới dạng chuỗi.

Bất kỳ ai cũng có thể chơi Slim và Angular để chơi cùng nhau?

Answer 1

Cuối cùng tôi đã làm việc đó.

tôi phải đi vào bố trí của tôi và làm điều này:

html(ng-app='') 

Bạn có thể thêm rằng đến một div trên trang cụ thể cũng có.

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

Hy vọng điều này sẽ giúp ai đó. Nó đã cho tôi một chút để tìm ra.

Answer 2

Bạn cũng có thể làm điều đó như vậy:

html [ng-app] 

Hoặc:

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