0

UI-Select for AngularJSの複数バージョンを使用する場合、ユーザーが Enter キーを押すとフォームが送信されます。多くのユーザーは、タグの入力を開始し、Enter キーを押して選択し、新しいタグを検索します。ただし、ユーザーが入力を押すと、フォームが送信されます。

これを無効にする最良の「Angular」の方法は何ですか?

例を見る

<form ng-submit="submit()">
  <ui-select multiple ng-model="multipleDemo.colors" theme="select2"  style="width: 300px;">
    <ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
    <ui-select-choices repeat="color in availableColors | filter:$select.search">
      {{color}}
    </ui-select-choices>
  </ui-select>
  <p>Selected: {{multipleDemo.colors}}</p>

  <div style="height:500px"></div>
  </form>
4

2 に答える 2

1

を避けてボタンng-submitで使用ng-clickし、フォームを送信します。

<form>
    <ui-select multiple ng-model="multipleDemo.colors" theme="select2"  style="width: 300px;">
    <ui-select-match placeholder="Select colors...">{{$item}}</ui-select-match>
    <ui-select-choices repeat="color in availableColors | filter:$select.search">
      {{color}}
    </ui-select-choices>
  </ui-select>
  <p>Selected: {{multipleDemo.colors}}</p>

  <div style="height:500px"></div>
  <button type="button" ng-click="submit()">Submit</button>
</form>

buttonタイプをに定義することを忘れないでください。buttonフォームにボタンのタイプがない場合、submitデフォルトでフォームのボタンになります。

于 2015-07-27T12:33:06.677 に答える