相対モデル参照？

Question

私はフォーム用のいくつかのコンポーネントを書いています。これらは、Grails <g:include>タグを使って複数の場所（登録ページとアカウントページ）に含まれます。 Angularが動作する方法では、特定のフィールドへの参照を取得するためにフォーム名を指定する必要があります。例：上記の例で

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

、私はusernameにアクセスするためにmyFormを使用する必要があります。これは、フォーム名が変更されるため、複数のフォームで同じフィールドを使用する場合は機能しません。

フィールドに比較的アクセスしたり、囲んでいるフォーム名を見つけ出して注入する方法はありますか？

Answer 1

ダイナミックフォームの名前コードを使用する必要があります。例えば

<div ng-repeat="myForm in forms"> 
    <form name="myForm{{$index}}"> 
     <input ng-model="myForm.username"/> 
     {{myForm.username}} -- right here 
    </form> 
</div> 

例コードなしで正確な問題を解決することは困難ですが、分析できるプランカまたはコードペインを作成します。

Answer 2

フォームの名前を参照する必要はありません。あなたのコントローラの$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.