ruby-on-rails - 在 Rails 项目中使用带有 slim 的 angularjs 时遇到问题

Question

我终于决定试一试 angularjs，但我遇到了一些早期的麻烦。

我正在为视图使用 Rails 3.2 和 Slim 模板 gem。

我只是在这里尝试来自 angularjs 站点的示例：http: //angularjs.org/#todo-html

这是相关的位：

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

苗条的会是这样的：

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

问题是 Slim 只是打印：

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

从字面上看是一个字符串。

谁能让 Slim 和 Angular 一起玩？

score 12 · Accepted Answer

我终于让它工作了。

我必须进入我的布局并这样做：

html(ng-app='')

您也可以将其添加到特定页面上的 div 中。

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

希望这可以帮助某人。我花了一点时间才弄清楚。

score 6 · Accepted Answer

你也可以这样做：

html [ng-app]

或者：

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

2 回答 2