フォームのフィールドの 1 つに angularjs xeditable を使用しています。
PLUNKER LINK
Google マップ API オートコンプリートを使用してショップを追加します。好きなだけ追加できます。それに応じて都市と国のフィールドが更新され、xeditable 形式の住所フィールドも更新されます。
問題は:
複数のショップがあり、住所フィールド (xeditable) を編集したい場合、xeditable フィールドをクリックすると、すべての xeditable フィールドが開き、編集モードになります。
クリックしたものだけに制限し、他の人には制限するにはどうすればよいですか?
<form editable-form name="myxedit">
<fieldset ng-repeat="shop in myModel.shops track by $index">
...
<div>
<span e-name="erer" class="editable-click" ng-click="$form.$show()" ng-disabled="myxedit.$waiting" e-ng-blur="$form.$hide()" href="#" editable-text="shop.address">
{{ shop.address || 'empty' }}
</span>
<span ng-show="myxedit.$visible">
<button type="submit" class="btn btn-primary" ng-disabled="myxedit.$waiting">
<span class="glyphicon glyphicon-ok"></span>
</button>
<button type="button" class="btn btn-default" ng-disabled="myxedit.$waiting" ng-click="myxedit.$cancel()">
<span class="glyphicon glyphicon-remove"></span>
</button>
</span>
</div>
...
</fieldset>
</form>