加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

forms – 在angular-ui选择中设置ng-selected

发布时间:2020-12-17 17:13:21 所属栏目:安全 来源:网络整理
导读:我的 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="select
我的 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输入并只使用标签,那么它的工作.但是,不是标签.

有哪些可能的解决方案?请帮助我,因为我在我的申请中使用过.

解决方法

只需使用您想要预选的值设置lenderInfo.modelState.selected.

这里有一些代码供您尝试在设置控制器的地方抛出这些行

$scope.lenderInfo.modelState = {};
$scope.lenderInfo.modelState.selected =  {"stateId":1,"stateName":"Florida"};

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读