0

フォームのフィールドの 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>
4

1 に答える 1