Question

我有一个这样的选择器：

<select ng-model="type">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

和一个按钮：

    <div class="btn action-btn" onclick="$ctrl.doSomething()">
        Reset
    </div>

我在想如何在单击按钮时将选择器重置为值1，无论选择哪一个。

我想必须要调用一个必须在控制器中实现的函数，但是选择器没有连接到控制器，因此我不知道该函数如何改变选择器的值。

有什么建议吗？

Answer 1

尝试使用ng-click并在click事件中设置模型值

＆＃13;

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.doSomething = function() {
    	$scope.type = '1';
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<select ng-model="type">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

<div class="btn action-btn" ng-click="doSomething()">
        Reset
    </div>
</div>

＆＃13;

单击按钮重置下拉选择器

1 个答案: