Выпадающее значение выбирается с помощью ng-selected выражения в угловых js при загрузке страницы

Question

Это мой код

var app = angular.module('MyApp', [])
    app.controller('MyController', function ($scope, $timeout) {
        $scope.searchButtonText = [
            { label: 'test1' },
            { label: 'test2' },
            { label: 'test3' },
            { label: 'test4' },
            { label: 'test5' },
            { label: 'test6' }
        ];
    });

Это мой взгляд

<div ng-app="MyApp" ng-controller="MyController">
    <select name="Default" ng-model="default" ng-selected="data.label=='test4'" ng-options="data as data.label for data in searchButtonText" ></select>
</div>

Здесь я успешно получил поле Выбрать с параметрами, но мне действительно нужно выбрать параметр по умолчанию при загрузке страницы с выражением, упомянутым ниже.

Пожалуйста, помогите мне, спасибо заранее

Answer 1

Вы можете сделать это, используя ng-init

<select name="Default"
        ng-init="default = searchButtonText[3]" 
        ng-model="default" 
        ng-options="data as data.label for data in searchButtonText">
</select>

Answer 2

Вы должны попробовать, как показано ниже

Опция - 1.

scope.searchButtonText = [
        { label: 'test1' },
        { label: 'test2' },
        { label: 'test3' },
        { label: 'test4' },
        { label: 'test5' },
        { label: 'test6' }
    ];

Назначьте вашу модель

$scope.default = $scope.searchButtonText[3];

Опция - 2

<select name="Default" ng-model="default" ng-selected="default=searchButtonText[3]" ng-options="data as data.label for data in searchButtonText" >Test</select>