在rails项目中使用带有细长的angularjs的麻烦

jac*_*lin 6 ruby-on-rails angularjs slim-lang

我终于决定给角度旋转,我遇到了一些早期的麻烦.

我正在使用Rails 3.2和Slim模板gem来查看视图.

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

这是相关的一点:

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

苗条的东西是这样的:

div(ng-controller="TodoCtrl")
  span {{remaining()}} of {{todos.length}} remaining
Run Code Online (Sandbox Code Playgroud)

问题是Slim只是打印:

{{remaining()}} of {{todos.length}} remaining
Run Code Online (Sandbox Code Playgroud)

字面意思是一个字符串.

谁能够让Slim和Angular一起玩?

jac*_*lin 12

我终于开始工作了.

我不得不进入我的布局并执行此操作:

html(ng-app='')
Run Code Online (Sandbox Code Playgroud)

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

div(ng-app='')
  div(ng-controller="TodoCtrl")
    span {{remaining()}} of {{todos.length}} remaining
Run Code Online (Sandbox Code Playgroud)

希望这有助于某人.我花了一点时间才弄明白.


Al *_*hri 6

您也可以这样做:

html [ng-app]
Run Code Online (Sandbox Code Playgroud)

要么:

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