在多选复选框中，我希望在首次打开页面时选择单个值。 我做不到。 我怎么能够？

Question

In the multiple choice field, I want the value to be selected as soon as the page is opened for the first time. I am inexperienced in this. I could not do it. I would be glad if you help.

.cshtml code:

<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>

.js code:

$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;

}

How can I make a change so that the value I want is selected when the page is opened for the first time? Thank you very much in advance.

Answer 1

You should be able to add checked to the element. This should have it selected by default on page load.

<input ng-model="ray.checked2" type="checkbox" value="{{ray.Id}}" ng-click='Checked2(ray)' checked />