使用AngularJS在选择框选项上选择默认值

我读过几篇关于这个问题的帖子，这个网站上给出的解决方案似乎对我不起作用。我有一个带有多个选项的选择框，我需要向用户显示一个默认值。当前未选择任何选项。此代码可能有什么问题

HTML

---

我在您的代码中看到了几个问题：

HTML属性

datang model

是分开的，它看起来像这样：

datang-model='transcriptCAdata.typeAccepted'

另一个原因是，在模型中，您使用的是范围属性

transcriptCAdata.typeAccepted

，但您没有在控制器中声明它。但我在控制器中看到的是

$scope.form={type:$scope.typeOptions1[0].value}

您只需将

数据ng模型更改为
数据ng模型=“form.type”

演示

angular.module（'app'，[]）
.controller（'Ctrl'，函数（$scope）{
$scope.typeOptions1=[
{name:'请选择'，value:'已选择'}，
{name:'Official'，value:'Official'}，
{name:'非官方'，value:'非官方'}，
{name:'None'，value:'None'}
];
$scope.form={type:$scope.typeOptions1[1].value}；
});

{{form.type}
ng模型必须是ng model='transcriptCAdata.typeAccepted'为什么不工作：$scope.transcriptCAdata={typeAccepted:$scope.typeOptions1[0].value}；怎么样：$scope.transcriptCAdata={typeAccepted:$scope.typeOptions1='selected'}；将其更改为
$scope.transcriptCAdata={typeAccepted:$scope.typeOptions1[1].value}并查看所选值是否为官方值。它也不会以这种方式选择任何选项
<select class="form-control input-sm" name="collegeTranscripts1" id="collegeTranscripts1" data-ng-  model='transcriptCAdata.typeAccepted' data-ng-options='option.value as option.name for option in typeOptions1'></select>

$scope.typeOptions1 = [
            { name: 'Please Select', value: 'selected' },
            { name: 'Official', value: 'OFFICIAL' },
            { name: 'Unofficial', value: 'UNOFFICIAL' },
            { name: 'None', value: 'NONE' }
        ];

        $scope.form = {type : $scope.typeOptions1[0].value};