选择的ng不适用于选择框-Angularjs中的ng模型
在选择框中使用ng模型,在某些条件下,选择的ng时间不起作用的选项中也使用ng selected 如果我将删除ng模型,则ng selected正在工作,但如果我将删除ng模型,则应如何在控制器中获取select框的值 请帮忙 这是我的密码 HTML:选择的ng不适用于选择框-Angularjs中的ng模型,angularjs,angularjs-ng-repeat,angularjs-ng-model,angularjs-select,Angularjs,Angularjs Ng Repeat,Angularjs Ng Model,Angularjs Select,在选择框中使用ng模型,在某些条件下,选择的ng时间不起作用的选项中也使用ng selected 如果我将删除ng模型,则ng selected正在工作,但如果我将删除ng模型,则应如何在控制器中获取select框的值 请帮忙 这是我的密码 HTML: 使用ng选项而不是ng重复 <select ng-model="status" ng-options="mode.status as mode.name for mode in storageResult.accessMode">
使用ng选项而不是ng重复
<select ng-model="status" ng-options="mode.status as mode.name for mode in storageResult.accessMode">
使用
ng选项
和ng初始化
(用于设置默认值),而不是ng重复
ng选项
专门用于select
<select class="form-control" ng-init="statusselect='WiFi Storage'" ng-model="statusselect" ng-options="mode.name as mode.name for mode in storageResult.accessMode">
</select> Selected Value : {{statusselect}}
内部控制器
$scope.storageResult = {
"storageAccount":"Enable",
"user": "sdcard",
"pass": "sdcard",
"wifiIP": "0",
"ipAddr": "0",
"accessMode": [
{"name": "Local Storage","status": "0"},
{"name":"WiFi Storage", "status": "1"},
{"name":"Internet Storage", "status": "0"}
]
}
$scope.statusselect = $scope.storageResult["accessMode"][1]["name"];
我确信有很多方法可以回答这个问题,并且已经提供了很多答案,但是基于OP关于如何将“
mode.name
”发送到ng model
的问题,我已经在下面使用ng options
进行了解释
在你的JS中
var app = angular.module('todoApp', []);
app.controller("dobController", ["$scope", "$http",
function($scope, $http) {
$scope.storageResult = {
"storageAccount": "Enable",
"user": "sdcard",
"pass": "sdcard",
"wifiIP": "0",
"ipAddr": "0",
"accessMode": [{
"name": "Local Storage",
"status": "0"
}, {
"name": "WiFi Storage",
"status": "1"
}, {
"name": "Internet Storage",
"status": "0"
}]
};
$scope.status = $scope.storageResult.accessMode[0].name;
$scope.selectedItem = '';
}
]);
在HTML中,要将模式名称绑定到ng模型,请遵循以下步骤
<select ng-model="status" ng-options="mode.name as mode.name for mode in storageResult.accessMode">
这是一个plunker您是否尝试过使用ng选项而不是ng repeat?是的!我试过了。但ng选项也不起作用。我在plunkr中尝试过的代码与我发送的代码相同。这在plunkr中有效,但在我的应用程序中不起作用。我不知道我的应用程序在哪里死机。@PiyaModi请分享您的应用程序。ng value指令似乎有问题。如果您将ng value=“mode.name”更改为value=“{{mode.name}”,则效果良好。您好,Nishant!谢谢你的回答。。。但如果当时我选择另一个选项,我希望该名称作为输入。在这里,我们将得到唯一的地位。因此,基于此,我无法更新启用模式的数据库。简言之,我想在ng模式的名称-model@PiyaModi我已经更新了我的答案。现在模式名称应存储在ng模型中。除此之外,“Selected Value:”还提供存储在ng模型中的值。@PiyaModi By“简而言之,我希望ng模型中的模式名称”您的意思是您想要这样的东西吗
ng model=“mode.name”
是您想要的吗?嗨,Nishant!对我只想要。。。但它现在和你更新的小提琴一起工作。。。谢谢你的帮助……:)嗨,萨吉塔兰!谢谢你的回答。。。但如果当时我选择另一个选项,我希望该名称作为输入。在这里,我们将得到唯一的地位。因此,基于此,我无法更新我的数据库,该模式为enable。简而言之,我想要ng模型中的模式名称
<select class="form-control" ng-model="statusselect">
<option ng-selected="{{mode.name == statusselect}}" ng-repeat="mode in storageResult.accessMode" value="{{mode.name}}" name="accessMode{{$index}}" id="accessMode">
{{mode.name}}
</option>
</select> Selected Value : {{statusselect}}
$scope.storageResult = {
"storageAccount":"Enable",
"user": "sdcard",
"pass": "sdcard",
"wifiIP": "0",
"ipAddr": "0",
"accessMode": [
{"name": "Local Storage","status": "0"},
{"name":"WiFi Storage", "status": "1"},
{"name":"Internet Storage", "status": "0"}
]
}
$scope.statusselect = $scope.storageResult["accessMode"][1]["name"];
var app = angular.module('todoApp', []);
app.controller("dobController", ["$scope", "$http",
function($scope, $http) {
$scope.storageResult = {
"storageAccount": "Enable",
"user": "sdcard",
"pass": "sdcard",
"wifiIP": "0",
"ipAddr": "0",
"accessMode": [{
"name": "Local Storage",
"status": "0"
}, {
"name": "WiFi Storage",
"status": "1"
}, {
"name": "Internet Storage",
"status": "0"
}]
};
$scope.status = $scope.storageResult.accessMode[0].name;
$scope.selectedItem = '';
}
]);
<select ng-model="status" ng-options="mode.name as mode.name for mode in storageResult.accessMode">
<select ng-model="status" ng-options="mode as mode.name for mode in storageResult.accessMode">
$scope.status = $scope.storageResult.accessMode[0];