我有一个下拉菜单,用于选择要生成的报告,因此,当用户从下拉菜单中选择报告时,它将生成报告并下载到移动设备。使用ng-change只会在用户想要生成其他报告时才使用。我想要这样,他们可以选择两次相同的下拉菜单,然后两次下载报告。
我有类似的代码:
标记:
<div>
<select ng-model="currentlySelected"
ng-options="opt as opt.label for opt in options"
ng-change="logResult()">
</select>
The value selected is {{ currentlySelected.value }}.
</div>
Javascript:
angular.module('demoApp', []).controller('DemoController', function($scope) {
$scope.options = [
{ label: 'one', value: 1 },
{ label: 'two', value: 2 }
];
$scope.currentlySelected = $scope.options[1];
$scope.logResult = function() {
console.log($scope.currentlySelected);
}
});
小提琴:http : //jsfiddle.net/KyleMuir/cf59ypyw/
我期望选择两次“两次”,然后两次将结果记录到控制台。这是可行的还是应该为此使用其他指令?
添加一个按钮肯定会有所帮助,它还不需要进行任何其他编程,只是一个额外的元素:
http://jsfiddle.net/ootnh0sz/1/
<select ng-model="currentlySelected" ng-options="opt as opt.label for opt in options" ng-change="logResult()"></select>
<button ng-click="logResult()"> Go </button>
更新。
重置表单似乎是剩下的唯一选择。
http://jsfiddle.net/ootnh0sz/3/
$scope.logResult = function() {
console.log($scope.currentlySelected);
// once downloaded
$scope.currentlySelected = null;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句