Javascript 如何在angularjs中传递选择选项值

Javascript 如何在angularjs中传递选择选项值,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,我有一个下面的代码片段 HTML {{value}} JS $scope.arr=[]; $scope.quan=false; 对于(var a=1;aHTML: {{value}} JS: $scope.arr=[]; 对于(var a=1;a更改为$scope.selectedItems=$scope.arr[0];,您需要初始化选项值ng init=“selectedItems=selectedItems+”,因为角度使用严格的比较 看到这个了吗 另外,您不需要在单击事件中传递所选

我有一个下面的代码片段

HTML


{{value}}
JS

$scope.arr=[];
$scope.quan=false;
对于(var a=1;aHTML:


{{value}}
JS:

$scope.arr=[];

对于(var a=1;a更改为
$scope.selectedItems=$scope.arr[0];
,您需要初始化选项值
ng init=“selectedItems=selectedItems+”
,因为角度使用严格的比较

看到这个了吗

另外,您不需要在单击事件中传递所选项目,
submit(selectedItems)
,因为它已经在控制器范围内

另外,我建议更改选项结构以避免
nginit

比如:

options = [{
   name: 'key1',
   value: 'value1'
}, {
   name: 'key2',
   value: 'value2'
}];

我知道这是类型错误为什么否决???试试这把小提琴,如果有条件,我们会做出ng,它是失败的work@UI_Dev:因为
ng if
创建了自己的作用域。为了避免这种情况,使用了javascript的原型继承,它将作用域保留为angular。请参见此伟大的:)您保存了我的日期如果您看到此小提琴,我如何区分每个选择下拉列表?如果选择,所有下拉列表都显示相同的值,因为您在
html
内部
ng repeat=“颜色中的产品”
,您没有使用迭代器
产品
使其成为动态的,我建议关闭此线程,并为此提出一个单独的问题。请尝试此fiddle jsfiddle.net/dy1vw7v5/3,如果条件允许,它将无法工作\
$scope.arr = [];
$scope.quan=false;
 for(var a=1; a<=10; a++) {  
    $scope.arr.push(a); 
 }
 $scope.selectedItems = $scope.arr[0];
 $scope.quantity = 10; //just hardcoded
  <select ng-model="selectedItem" >
        <option ng-repeat="value in arr | limitTo:quantity">{{value}}</option>  
    </select>

    <div>
        <a href="#" ng-click="submit();">Submit</a>
    </div>
    $scope.arr = [];
     for(var a=1; a<=10; a++) {  
        $scope.arr.push(a); 
     }
     $scope.selectedItem = $scope.arr[0];
     $scope.quantity = 10; //just hardcoded
     $scope.submit = function(){
        console.log($scope.selectedItem); // you will get the selected value here, if you want it after button click. 
     };
options = [{
   name: 'key1',
   value: 'value1'
}, {
   name: 'key2',
   value: 'value2'
}];