4

私のHTMLコード:

<div class="form-group col-md-4">
      <label for="lenderBusinessState">Select State</label>
      <div class="input-group select2-bootstrap-append">

        <ui-select name="lenderBusinessState" ng-model="lenderInfo.modelState.selected" theme="select2" class="form-control">
          <match placeholder="Select Lender State">{{$select.selected.stateName}}</match>
          <choices repeat="state in states | filter: $select.search">
            <span ng-bind-html="state.stateName | highlight: $select.search" ng-selected="selectState(state.stateId)"></span>
          </choices>
        </ui-select>

        <span class="input-group-btn">
          <button type="button" ng-click="lenderInfo.modelState.selected = undefined" class="btn btn-danger">
            <span class="glyphicon glyphicon-trash"></span>
          </button>
        </span>
      </div>
    </div>

私のJSコード:

$scope.selectState = function(stateIdPassed)
{
    console.log(stateIdPassed);
    if(stateIdPassed == $scope.stateId){
        return 'selected';
    }
}

ui-select 入力を事前入力したい。私はui-selectを使用しています。ui-select入力を使用せず、タグのみを使用すると、機能します。ただし、タグ付きではありません。

可能な解決策は何ですか？アプリケーションで使用したので、助けてください。

4

2 に答える 2

3

事前に選択したい値を指定して、lenderInfo.modelState.selected を設定するだけです。

コントローラーをセットアップする場所にこれらの行をスローするだけのコードを次に示します

$scope.lenderInfo.modelState = {};
$scope.lenderInfo.modelState.selected =  {"stateId":1,"stateName":"Florida"};
于 2014-05-27T14:42:16.377 に答える
0

状態配列で使用できるようにするには、事前に入力したい状態が必要です。それでも解決しない場合は、プランカー/フィドルを作成してください。調査します:)

于 2014-12-14T12:07:12.540 に答える