Angularjs 角度:使用ng repeat选择选项
我在使用Angularjs 角度:使用ng repeat选择选项,angularjs,Angularjs,我在使用和ng repeat时遇到问题 我正在使用以下代码: HTML: response.data如下所示: { "remote": "", "remoteIDs": [ { "id": "1", "name": "TEST" } ] } 在WebApp中,我得到以下结果: <option value="? string: ?"></option> <opti
和ng repeat
时遇到问题
我正在使用以下代码:
HTML:
response.data如下所示:
{
"remote": "",
"remoteIDs": [
{
"id": "1",
"name": "TEST"
}
]
}
在WebApp中,我得到以下结果:
<option value="? string: ?"></option>
<option value="1" class="ng-binding">TEST</option>
试验
但是我不想显示?字符串:?
-选项。我怎样才能删除它
我只想在
remoteIDs
中显示选项。我不明白为什么在选择元素中使用ng repeat
。在选项中使用它
<select ng-model="device.remote>
<option ng-repeat="remoteID in device.remoteIDs"
ng-if="remoteID.id" value="{{ remoteID.id }}">{{ remoteID.name }}</option>
</select>
<select ng-model="device.remote">
<option ng-repeat="remoteID in device.remoteIDs" value="{{ remoteID.id }}">{{ remoteID.name }}</option>
</select>
{{remoteID.name}
不明白为什么要在选择元素中使用ng repeat
。在选项中使用它
<select ng-model="device.remote">
<option ng-repeat="remoteID in device.remoteIDs" value="{{ remoteID.id }}">{{ remoteID.name }}</option>
</select>
{{remoteID.name}
如果要删除该空选项,应将第一个选项作为默认选择。或者您可以提供一个没有任何值的空选项
请看片段
安古拉斯普朗克
{{remoteID.name}
选择
{{remoteID.name}
var app=angular.module('plunker',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.device={
“远程”:“1”,
“远程ID”:[{
“id”:“1”,
“名称”:“测试”
}]
};
$scope.device1={
“远程”:“,
“远程ID”:[{
“id”:“1”,
“名称”:“测试”
}]
};
});
如果要删除该空选项,应将第一个选项作为默认选择。或者您可以提供一个没有任何值的空选项
请看片段
安古拉斯普朗克
{{remoteID.name}
选择
{{remoteID.name}
var app=angular.module('plunker',[]);
应用程序控制器('MainCtrl',函数($scope){
$scope.device={
“远程”:“1”,
“远程ID”:[{
“id”:“1”,
“名称”:“测试”
}]
};
$scope.device1={
“远程”:“,
“远程ID”:[{
“id”:“1”,
“名称”:“测试”
}]
};
});
您需要为用户提供一个默认选项
您只需添加以下内容即可完成此操作:
<option value="" disabled="true">Please Select</option>
请选择
{{remoteID.name}
您需要为用户提供一个默认选项
您只需添加以下内容即可完成此操作:
<option value="" disabled="true">Please Select</option>
请选择
{{remoteID.name}
如果您共享$scope,则
将很容易帮助您。设备数据$scope。设备
与响应完全相同。数据
尝试使用ng选项
而不是ng重复
将很容易帮助您,如果您共享$scope。设备数据$scope。设备
与响应完全相同。数据
尝试使用ng选项
而不是ng重复
就是这样!非常感谢你!但是,在这种情况下,我们如何取消选择已经选择的选项?我认为最好删除ng disabled
@Mr.niks,这取决于用例。如果要求用户能够取消选择选项,则删除默认选项上的“禁用”位。是的,我删除了disabled=“true”
,它工作正常,仅此而已!非常感谢你!但是,在这种情况下,我们如何取消选择已经选择的选项?我认为最好删除ng disabled
@Mr.niks,这取决于用例。如果要求用户能够取消选择选项,则删除默认选项上的“禁用”位。是的,我删除了disabled=“true”
,效果很好