Javascript 如何在Angular JS的选择列表中选择默认下拉选项

我有以下选择选项：

<select ng-model="class_name" name="class_name" class="form-control">
<option ng-repeat="t in MemberClass" value="{{t}}">{{t.class_name}}</option>
</select>

成员类JSON数据为：

[
    {
        "class_id": 1,
        "class_name": "Owner",
        "class_details": "DCE"
    },      
    {
        "class_id": 7,
        "class_name": "Staff "
    },
    {
        "class_id": 10
        "class_name": "Vendor"
    }
]

普朗克样品： （如果我没有选择任何选项，我会出错…

您可以利用此选项。大多数情况下，这是首选的方式。像这样：

<select ng-model="class_name" ng-options="t as t.class_name for t in MemberClass">
</select>

现在，由于您已将

$scope.class\u name

指定为默认值，因此它已被选中

您可以利用此功能。大多数情况下，这是首选的方式。像这样：

<select ng-model="class_name" ng-options="t as t.class_name for t in MemberClass">
</select>

现在，由于您已将

$scope.class\u name

指定为默认值，因此它已被选中

---

对此，您应该明确使用ng选项

<select ng-model="class_name" ng-options="t as t.class_name for t in MemberClass">
</select>

要设置默认值，请将$scope.class_名称设置为MemberClass数组的值，或者可以添加空选项标记，如下所示，当$scope.class_名称为空时，将选择该标记

<select ng-model="class_name" ng-options="t as t.class_name for t in MemberClass">
  <option value="">Select value</option>
</select>

选择值

对此，您应该明确使用ng选项

<select ng-model="class_name" ng-options="t as t.class_name for t in MemberClass">
</select>

要设置默认值，请将$scope.class_名称设置为MemberClass数组的值，或者可以添加空选项标记，如下所示，当$scope.class_名称为空时，将选择该标记

<select ng-model="class_name" ng-options="t as t.class_name for t in MemberClass">
  <option value="">Select value</option>
</select>

选择值

使用

ng init

。试试下面的方法

成员类
所选值：{class_name}}
拯救
angular.module（'myApp'，[]）
.controller（'Ctrl'，函数（$scope）{
var成员类；
$scope.MemberClass=[{
“子类id”：1，
“子类名称”：“主”
},
{
“子类id”：2，
“子类名称”：“次要”
},
{
“子类id”：3，
“子类名称”：“依赖”
},
{
“子类id”：4，
“子成员类别名称”：“子成员”
},
{
“子类id”：5，
“子类名称”：“无”
}
]
//$scope.class_name=$scope.MemberClass[0]；
$scope.alertdata=函数（）{
$scope.class_name=“{}”；
var参数；
参数={
“成员”：{
“名字”：“名字”，
“作用”：[{
“角色id”：4
}],
“关联”：“关联”，
“class0:[JSON.parse（$scope.class_name）]，
“内容”：[{
“对讲机”：“对讲机”
}],
“个人细节”：[{
“性别”：“性别”
}]
},
“地址”：[{
“街道地址1”：“街道地址1”
}]
}
log（JSON.stringify（参数））；
};       
});

使用

ng init

。试试下面的方法

成员类
所选值：{class_name}}
拯救
angular.module（'myApp'，[]）
.controller（'Ctrl'，函数（$scope）{
var成员类；
$scope.MemberClass=[{
“子类id”：1，
“子类名称”：“主”
},
{
“子类id”：2，
“子类名称”：“次要”
},
{
“子类id”：3，
“子类名称”：“依赖”
},
{
“子类id”：4，
“子成员类别名称”：“子成员”
},
{
“子类id”：5，
“子类名称”：“无”
}
]
//$scope.class_name=$scope.MemberClass[0]；
$scope.alertdata=函数（）{
$scope.class_name=“{}”；
var参数；
参数={
“成员”：{
“名字”：“名字”，
“作用”：[{
“角色id”：4
}],
“关联”：“关联”，
“class0:[JSON.parse（$scope.class_name）]，
“内容”：[{
“对讲机”：“对讲机”
}],
“个人细节”：[{
“性别”：“性别”
}]
},
“地址”：[{
“街道地址1”：“街道地址1”
}]
}
log（JSON.stringify（参数））；
};       
});

try ng options=“t as t for t in MemberClass”有时ng选项工作正常，但在下拉列表中它是[object.object]给我MemerClass的数据，或者试试：ng options=“t as t.name for t in MemberClass”其中name是要在drpI更新代码中显示的属性……尝试ng options=“t as t for t in MemberClass”有时ng选项工作正常，但在下拉列表中它是[object.object]给我MemerClass的数据，或者试试：ng options=“t as t.name for t in MemberClass”，其中name是您希望在drpI更新代码中显示的属性…@PrashanthHarish您得到的是整个对象。。只是我的对象中只有

类名

。我得到了一个错误。在初始化$scope.class_name=“{}”之前，我正在将该对象解析为“class0”：[JSON.parse（$scope.class_name）]；在开始时，…@PrashanthHarish您可以做的是将

类名

设置为

{}

而不是字符串。。所以你不需要

JSON.parse

就像我没有选择任何选项一样，如果我尝试提交，我会出错，这就是我使用{}..@PrashanthHarish的原因。你不需要有

JSON.parse

，因为选择的

class_name

已经是JSON了@PrashanthHarish你得到的是整个物体。。只是我的对象中只有

类名

。我得到了一个错误。在初始化之前，我正在将该对象解析为“class0”：[JSON.parse（$scope.class_name）]$