По умолчанию выбран в нескольких Selectbox - PullRequest
Новая
       5

По умолчанию выбран в нескольких Selectbox

0 голосов
/ 25 апреля 2018

Это моя часть HTML 

 <select size="3"  name="selectedSaleStatus[]" multiple ng-model="selectedSaleStatus" ng-options="type.name for type in config.saleStatus" >

</select>

Это мой контроллер 

 $scope.saleStatus = [
            {'id': 18, 'name': 'ABC'},
            {'id': 19, 'name': 'DEF'},
            {'id': 20, 'name': 'GHI'}
        ];

Я хочу, чтобы выбранный по умолчанию элемент обозначался как ABC

Ответы [ 2 ]

0 голосов
/ 26 апреля 2018

Использование http://mgcrea.github.io/angular-strap/#/selects

<button id="saleItems" type="button" placeholder="choose" ng-model="selectedSaleStatus"
                                        bs-select data-multiple="1" max-length-html="choosed" bs-options="x.id as x.name for x in saleStatus">
                                    </button>

И в контроллере 

$scope.selectedSaleStatus = [18];
0 голосов
/ 25 апреля 2018 

function testcontroller($scope, $filter) {
    $scope.saleStatus = [{
            'id': 18,
            'name': 'ABC',
            'val': true
        },
        {
            'id': 19,
            'name': 'DEF',
            'val': false
        },
        {
            'id': 20,
            'name': 'GHI',
            'val': false
        }
    ];

    $scope.selected = [{
        id: 18,
        name: "ABC"
    }];

    $scope.selectedValues = [];

    $scope.$watch('selected', function(nowSelected) {
        $scope.selectedValues = [];

        if (!nowSelected) {
            return;
        }
        angular.forEach(nowSelected, function(val) {
            $scope.selectedValues.push(val.id.toString());
        });
    });


}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>
<body ng-app ng-controller="testcontroller">
   <select multiple ng-model="sales">
      <option ng-selected="{{sale.id == selectedValues}}" ng-repeat="sale in saleStatus" value="{{sale.id}}">{{sale.name}}</option>
   </select>
   </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...