我应该如何将$ scope值传递给haml模板中的函数

Question

我正在使用带角度js的haml模板。模板渲染时，我想使用ng-click在div上创建一个函数调用。没有参数它工作正常但是当我传递一个参数来运行时，它的行为类似于下面两种情况。

%div.sitesContainer
  .wrapper
    %div.site{"ng-repeat"=>"site in sites",'ng-click'=>"siteBlockclick({{site.id}})"}
      %span
        {{site.name}}

然后它给了我错误语法错误：令牌＆＃39; site.id＆＃39;是出乎意料的但我检查它显示的div ng-click="siteBlockclick(BWN)"意味着价值即将到来，但缺少单引号。

%div.sitesContainer
  .wrapper
    %div.site{"ng-repeat"=>"site in sites",'ng-click'=>"siteBlockclick('{{site.id}}')"}
      %span
        {{site.name}}

如果我给出单引号，则表示正在打电话，如 ng-click =＆＃34; siteBlockclick（＆＃39; {{site.id}}＆＃39;）＆＃34;

我应该如何连接它以便它对我有用？

检查后我想要 ng-click =＆＃34; siteBlockclick（＆＃39; BWN＆＃39;）之类的内容

任何帮助表示感谢。

Answer 1

在ng-click内，您不需要进行插值（使用{{ }}。

所以，这应该适合你：

%div.sitesContainer
  .wrapper
    %div.site{"ng-repeat"=>"site in sites",'ng-click'=>"siteBlockclick(site.id)"}
      %span
        {{site.name}}

ng-repeat在范围内创建每个site，ng-click直接访问该范围。