AngularJS和Play-Bootstrap:如何在@b3.submit中包含ng-click

Question

我正在使用Scala-Play 2.5.10，Play-Bootstrap和AngularJS 1.x，我需要从AngularJS处理一个表单提交。然后我尝试：

@b3.submit('class -> "btn btn-danger", 
           'ng-click -> "runInSampleSimulation()") { 
                <span class="glyphicon glyphicon-cog"></span> Run Simulation 
}

但ng-click无法识别。我希望它能简单地作为键值对传递到Map中，即 <button type="@buttonType" @toHtmlArgs(innerArgsMap)>@text</button>看到这里。

所以我只能选择回退到像这样计划的 HTML：

<button type="submit" class="btn btn-danger" ng-click="runInSampleSimulation()">
    <span class="glyphicon glyphicon-cog"></span> Run Simulation
</button>

有没有办法将ng-click挂在 b3 上？

Answer 1

我决定通过更改form而不是submit按钮并使用ng-submit来实现这一点。

显然没有开箱即用的解决方案。虽然我希望符号通过是真的，但由于某种原因，破折号-是模板的非法符号。因此，这将给出一个错误：

@b3.form(routes.Simulation.computeInSample, 'ng-submit -> "runInSampleSimulation()") {

因此，我采用了表单模板并修改为自定义b3/ngform.scala.html如下所示：

@(action: Call, args: (Symbol, Any)*)(body: => Html)(implicit fc: b3.B3FieldConstructor)
<form method="@action.method" ng-submit="@bs.Args.get(args, 'ngsubmit)&#40;'@action.toString'&#41;"
      class="@fc.formClass @bs.Args.get(args, 'class)"
      @toHtmlArgs(bs.Args.remove(bs.Args.remove(bs.Args.inner(args, 'role -> "form"), 'ngsubmit), 'class).toMap)>
@body
</form>

然后我可以像这样使用：

@b3.ngform(routes.Simulation.computeInSample, 'ngsubmit -> "runInSampleSimulation") {

并生成我想要的：

<form class="form-horizontal ng-pristine ng-valid" 
      role="form" method="GET" ng-submit="runInSampleSimulation('/simulation/in/')">