通过邮件

Question

致电hosoas行动/链接在形式的行动我们正在使用hateoas调用后端我们的链接。我们HateoasWrapper看起来像这样（从浏览器控制台复制出来）：

{ 
    $actions: [ 
     { 
      $call: function() 
      action: "load" 
      href: "http://myApi" 
      method: "POST" 
      rel: "parent" 
     } 
    ], 
    $load: function(), 
    Links: [ 
     { 
      ActionValue: "load" 
      Href: "http://myApi" 
      Methid: "POST" 
      Reld: "parent" 
     } 
    ] 
} 

因此，我们可以直接拨打我们的联系是这样的：myObject.$load()（它调用从负载HREF）。这工作正常。

现在我尝试拨打form元素的action中的$load()。为此，我将通话的action并用submit这样火了：

<form action="ctrl.myObject.$load()" method="post" target="_blank"> 
    <input type="submit"> 
</form> 

这行不通。它会打开一个新的标签，但这个错误：Cannot post/ctrl.myObject.$load()

当我把硬编码到行动中的href，它的工作原理（用正确的数据新标签）：

<form action="http://myApi" method="post" target="_blank"> 
    <input type="submit"> 
</form> 

是否可以调用hateoasaction在form像我的解决方案？

Answer 1

您在此处缺少插值。由于action不是标准的AngularJS指令/属性，AngularJS引擎无法理解传递的表达式。

尝试在{{ctrl.myObject.$load()}}等花括号中包装表达式ctrl.myObject.$load()，然后AngularJS会自动用函数的返回值替换它。

在以下代码片段中观察它的作用。打开检查面板，观察表单的action属性中的内容。

angular.module("myapp", []) 
 
    .controller("myCtrl", function($scope) { 
 
    $scope.myaction = function() { 
 
     return "abc"; 
 
    }; 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="myapp" ng-controller="myCtrl"> 
 
<form action="{{myaction()}}"> 
 
    Inspect this form's action in console 
 
</form> 
 
</div>