Question

我正在为表单编写一些组件，这些组件将包含在多个位置（通过Grails <g:include>标签）（注册页面和帐户页面）。 Angular的工作方式，我必须指定表单名称才能获得对特定字段的引用。例如：

<form name="myForm">
  <input ng-model="username"/>
  {{myForm.username}} -- right here
</form>

在上面的示例中，我必须使用myForm才能访问username。当在多个表单中使用相同的字段时，这将不起作用，因为表单名称将更改。

有没有办法相对访问该字段，或者可能找出封闭的表单名称并注入该字段？

Answer 1

您不必参考表单的名称。只需将其绑定到控制器$scope上的属性即可，您应该很高兴。这样做，您不必关心您的表单名称，只需要控制器具有您需要的属性。

<form ng-controller="yourController">
  <input ng-model="username"/>
  {{ username }}
</form>

angular.controller('yourController', ['$scope', function($scope){
    $scope.username = 'keanu reeves';
}]);

Here's a code pen.

Answer 2

您必须使用某种动态表单名称代码。例如

%f

虽然没有示例代码很难解决您的确切问题。创建一个我们可以分析的plunker或codepen。

相对模型参考？

2 个答案: