Angularjs выпадающий выбор динамически

Question

Привет, я новичок в Angularjs, я хочу выбрать drop-down, выбранный динамически. Я ссылаюсь на некоторые блоги, но не понимаю этого.

Это мой HTML код:

<select class="form-control" name="category_id" ng-model="formData.category_id" ng-options="sub_directory.id as sub_directory.name for sub_directory in formData.getSubDirectories" ng-required="true">
    <option value="">Select Sub Directory</option>
</select>

Js код:

$scope.getData = function() {
    return webServices.getSync('getshops/' + $scope.Id).then(function(getData) {
        if (getData.status == 200) {       
            $scope.formData = getData.data;
    console.log($scope.formData);
        } else {
            $rootScope.$emit("showerror", getData);
        }

    });
}

$scope.getSubDirectories = function()
{
    return webServices.getSync('getSubDirectories').then(function(getData) 
    {
        $rootScope.loading = false;
        if (getData.status == 200) 
        {
            $scope.formData.getSubDirectories = getData.data;
        } else {
            $rootScope.$emit("showerror", getData);
        }
        //console.log($scope.formData.getSubDirectories);
    });
}

Мой результат в консоли

{
  "id": 1,
  "membership_type_id": 1,
  "name": "Kallyan",
  "address": "100 feet road",
  "location": "Coimbatore",
  "description": "Test",
  "banner_image": "upload/directory/contact/directoryMsrq4NhsD1.jpg",
  "business_days": [
    "M",
    "T",
    "W",
    "Th",
    "F",
    "S"
  ],
  "start_time": "2019-01-10T09:01:00+05:30",
  "end_time": "2019-01-10T10:01:00+05:30",
  "contact_number": "9874563210",
  "latitude": 11.2,
  "longitude": 9.5,
  "is_certified": 1,
  "status": 3,
  "rating": 0,
  "is_online_order": 1,
  "created_at": "1970-01-01 05:30:01",
  "created_by": 0,
  "is_active": 1,
  "updated_at": "2019-01-09 18:14:22",
  "updated_by": 0,
  "status_updated_by": 0,
  "status_updated_on": "2019-01-09 18:14:22",
  "priority": 0,
  "comments": "Test",
  "additional_information": "",
  "old_banner_image": "directoryMsrq4NhsD1.jpg",
  "sub_directory": "Jewellery",
  "getSubDirectories": [
    0: {id: 2, name: "Jewellery", image: "directory5Wltlbhkwl.jpg", thumbnail_image: "directory5Wltlbhkwl.jpg", isparent: 1, …}
    1: {id: 3, name: "Mobile", image: "directoryjWQeyCQlGe.jpg", thumbnail_image: "directoryjWQeyCQlGe.jpg", isparent: 1, …}
    2: {id: 6, name: "KPN", image: "directoryC8qEC3o3Gh.jpg", thumbnail_image: "directoryC8qEC3o3Gh.jpg", isparent: 1, …}
  ]
}

Моя страница результатов:

Здесь я хочу выбрать sub_directory: Jewellery в качестве выбранного drop-down значения.

Я не понимаю этот код в HTML ng-options="sub_directory.id as sub_directory.name for sub_directory in formData.getSubDirectories".

Пожалуйста, дайте ответ. Заранее спасибо.

Answer 1

Наконец я получил результат

<select class="form-control" ng-model="formData.category_id" ng-options="directory.id as directory.name for directory in formData.getSubDirectories" ng-init="formData.category_id='2'">
    <option value="">Select Sub Directory</option>
</select>

Answer 2

<select class="account-form" ng-model="formData.category_id" id="category_id" name="category_id">
                    <option value="">---Select---</option>
                    <option ng-repeat="sub_directory.id as sub_directory.name for sub_directory in formData.getSubDirectories" ng-selected="sub_directory.id == 1">
                        {{sub_directory.name}}
                    </option>
                </select>

Answer 3

Попробуй вот так.

<select class="form-control" name="category_id" ng-model="formData.category_id" ng-options="sub_directory.id as sub_directory.name for sub_directory in formData.getSubDirectories" ng-required="true" ng-init="selected='Jewellery'">
        <option value="">Select Sub Directory</option>
    </select>

Я добавил эту строку ng-init="selected='Jewellery'" в ваш тег выбора.