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

Question

我正在使用带有 Angular js 的 haml 模板。在模板渲染时，我想使用 ng-click 在 div 上创建一个函数调用。它在没有参数的情况下工作正常，但是当我将参数传递给函数时，它在两种情况下的行为如下所示。

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

然后它给了我错误 语法错误：令牌 'site.id' 是意外的 但我检查 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="siteBlockclick('{{site.id}}')"

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

检查后我想要 ng-click="siteBlockclick('BWN') 之类的东西

任何帮助表示赞赏。

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 直接访问该范围。