【问题标题】:trouble using angularjs with slim in a rails project在 Rails 项目中使用带有 slim 的 angularjs 时遇到问题
【发布时间】:2013-04-10 04:41:54
【问题描述】:

我终于决定试一试 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 一起玩?

【问题讨论】:

    标签: ruby-on-rails angularjs slim-lang


    【解决方案1】:

    我终于让它工作了。

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

    html(ng-app='')
    

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

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

    希望这对某人有所帮助。我花了一点时间才弄清楚。

    【讨论】:

    • 有什么特别的理由打扰括号吗?你可以简单地使用html ng-app=''
    【解决方案2】:

    你也可以这样做:

    html [ng-app]
    

    或者:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-11-03
      • 1970-01-01
      • 1970-01-01
      • 2014-01-19
      • 2015-04-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多