2

Angular UI https://github.com/angular-ui/ui-selectを使用しています。

コントロールの使い方に少し問題があります。矢印を完全に避けたいと思います(残念ながら、ユーザーがフォーム全体を送信できるようです)。以下の赤い丸を参照してください。

画面キャプチャ

対応するhtmlは次のとおりです。

<div class="form-group">
        <label for="address" class="control-label col-lg-3">signup.form.address</label>
        <div class="col-lg-6">
            <ui-select ng-required="true" id="address" name="address" ng-model="signupForm.addressReference"  reset-search-input="false" theme="bootstrap">
                <ui-select-match placeholder="Select address...">{{$select.selected.description}}</ui-select-match>
                <ui-select-choices repeat="address.reference as address in addresses track by $index" refresh="chooseAddress($select.search)" refresh-delay="0">
                    {{address.description }}
                </ui-select-choices>
            </ui-select>
        </div>
        <div ng-messages="signupNgFormCtrl.address.$error" ng-if="signupNgFormCtrl.$submitted" class="col-lg-3">
            <div ng-message="required">required</div>
        </div>
    </div>

誰でも助けてもらえますか?

よろしく、

4

1 に答える 1