En el campo de opción múltiple, quiero que se seleccione el valor tan pronto como se abra la página por primera vez. Soy inexperto en esto. No pude hacerlo. Me alegraría si me ayudas.

código .cshtml:

 <div style="margin:5px 0;"></div> <a class="btn btn-default" style="width:100%" ng-show="queryRayonIdBool" ng-click="showRayon()">Choose department...<span class="glyphicon glyphicon-chevron-down pull-right"></span></a> <div class="listbutton" ng-show="ShowRayon"> <div class="listbox" data-offset-top="50"> <a class="btn btn-default allselectbutton" ng-click="checkrayon()">Select All</a> <a class="btn btn-default allselectbutton" ng-click="checkrayonnot()">Remove All</a> </div> <div style="padding-top:20px;"> <div style="float:none;" ng-repeat="ray in rayons"> <label class="checkbox-inline"> <input ng-model="ray.checked2" type="checkbox" value="{{ray.Id}}" ng-click='Checked2(ray)' /><p>{{ray.title}}</p> </label> </div> </div> </div>

código .js:

 $scope.Checkedval2 = ""; $scope.CheckedId2 = ""; $scope.checkrayon = function () { $scope.CheckedId2 = "0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22"; angular.forEach($scope.rayons, function (value, key) { value.checked2 = true; }); } rayondata = []; rayondata.push({ 'id': 0, 'title': "Choose Department... (All Departments)" }); arkadashttp.get(arkadasservice.appOrigin + "/api/RayonApi/GetList", {}) .then(function (rdata, status) { angular.forEach(rdata, function (item) { rayondata.push({ 'id': item.Id, 'title': item.RayonName }); }); }); $scope.ProcessedNames = rayondata; $rootScope.rayons = rayondata; $scope.showRayon = function () { $scope.ShowRayon = !$scope.ShowRayon; }

¿Cómo puedo hacer un cambio para que se seleccione el valor que quiero cuando se abre la página por primera vez? Muchas gracias por adelantado.