Javascript 角度:;如何获得;精选;选择ng的选项

Javascript 角度:;如何获得;精选;选择ng的选项,javascript,angularjs,Javascript,Angularjs,我昨天学习了Angular,并做了一个简单的演示 这是我的选择组: <select class="form-control" size="5"> <option ng-repeat="m in duringList" ng-bind="m" ng-selected="user.m"></option> </select> 我试过了,但是没有定义 我只是希望,当我选择一个选项并单击save按钮时,我可以在不使用Jquery的情况下获得

我昨天学习了Angular,并做了一个简单的演示

这是我的选择组:

<select class="form-control" size="5">
       <option ng-repeat="m in duringList" ng-bind="m" ng-selected="user.m"></option>
</select>
我试过了,但是没有定义


我只是希望,当我选择一个选项并单击save按钮时,我可以在不使用Jquery的情况下获得该选项中的值。因此,请帮助~~非常感谢。

使用
ng选项
并将选择绑定到
user.m

<select ng-model="user.m" ng-options="m for m in duringList"></select>

使用
ng选项
并将选择绑定到
user.m

<select ng-model="user.m" ng-options="m for m in duringList"></select>

最好使用
ng选项
并将模型绑定到
select

函数ctrl($scope){
$scope.duringList=[
{'v':1,'t':'1'},
{'v':2't':'2'},
{'v':3't':'3'},
{'v':4't':'4'}
];
$scope.save=函数(){
警报($scope.selectedValue);
};
}

拯救

最好使用
ng选项
并将模型绑定到
选择

函数ctrl($scope){
$scope.duringList=[
{'v':1,'t':'1'},
{'v':2't':'2'},
{'v':3't':'3'},
{'v':4't':'4'}
];
$scope.save=函数(){
警报($scope.selectedValue);
};
}

拯救

或除@Phill外,您还可以使用:

<select ng-model="user.m" class="form-control">
    <option ng-repeat="m in duringList">{{ m }}</option>
</select>

除@Phill外,您还可以使用:

<select ng-model="user.m" class="form-control">
    <option ng-repeat="m in duringList">{{ m }}</option>
</select>

我想你的意思是它取决于console.log(),但你是对的,它更接近于问题。我想你的意思是它取决于console.log(),但你是对的,它更接近于问题。这里还有一个工作实例。我不确定你的任务清单包含什么,所以我输入了数字。您还可以通过更改表达式来选择显示不同的内容,并在模型中放置其他内容。@juunas鉴于OP的
中有
ng bind=“m”
,我假设它们只是标量值(数字或字符串)。谢谢你的扑救!啊,它起作用了,但是我也有一个小问题,如何将duringList中的第一个配置为selected选项?就像这样:ng selected=“$index”@qianjiahao我添加了一个示例如果我想在duringList渲染之前设置默认选项,我会这样尝试:$scope.duringList=duringList$scope.defaultDuringTime=duringList[0];在html:ng中选择了“defaultFromTime”,但它不起作用。。。没有默认选项…这里还有一个工作区。我不确定你的任务清单包含什么,所以我输入了数字。您还可以通过更改表达式来选择显示不同的内容,并在模型中放置其他内容。@juunas鉴于OP的
中有
ng bind=“m”
,我假设它们只是标量值(数字或字符串)。谢谢你的扑救!啊,它起作用了,但是我也有一个小问题,如何将duringList中的第一个配置为selected选项?就像这样:ng selected=“$index”@qianjiahao我添加了一个示例如果我想在duringList渲染之前设置默认选项,我会这样尝试:$scope.duringList=duringList$scope.defaultDuringTime=duringList[0];在html:ng中选择了“defaultFromTime”,但它不起作用。。。没有默认选项。。。
<select ng-model="user.m" class="form-control">
    <option ng-repeat="m in duringList">{{ m }}</option>
</select>
$scope.save =function () {
    console.log($scope.user.m);
}