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

您应该尝试如下操作

选项-1。

array_sum()

分配模型

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

选项-2

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

Answer 2

您可以使用ng-init

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

在页面加载时在Angular JS中使用ng-selected表达式选择的下拉值

2 个答案: