Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 角度:使用ng repeat选择选项_Angularjs - Fatal编程技术网

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”
,效果很好