javascript - 清除按钮angularjs

Question

我正在尝试创建一个清除按钮来清空输入字段的值。到目前为止，它清除了用户名文本框，但之后我无法再次清除它，密码框也根本没有清除。

HTML:

<div class="list">
    <label class="item item-input">
        <span class="input-label">Username</span>
        <input type="email" name="username" ng-model="username" ng-minlength="5" required>
    </label>
    <label class="item item-input">
        <span class="input-label">Password</span>
        <input type="password" name="password" data-ng-model="password" ng-minlength="6" required>
     </label>
 </div>

Javascript

$scope.submit = function(username) {
    console.log("Thanks " + username);
};

$scope.submit = function(password) {
    console.log("Thanks " + password);
};

$scope.clear = function(username, password) {
    $scope.username = "";
    $scope.password = "";    
    console.log(username);
    console.log(password);   
};

Answer 1

这是一个有效的 JSFiddle

HTML:

<div ng-app="myApp" ng-controller="dummy">
    <div class="list">
        <label class="item item-input"> <span class="input-label">Username</span>

            <input type="email" name="username" ng-model="username" ng-minlength="5" required>
        </label>
        <label class="item item-input"> <span class="input-label">Password</span>

            <input type="password" name="password" data-ng-model="password" ng-minlength="6" required>
        </label>
    </div>
            <button type="submit" ng-click="clear()">Clear</button>
</div>

JS:

angular.module('myApp', [])
    .controller('dummy', ['$scope', function ($scope) {

    $scope.clear = function () {
        $scope.username = "";
        $scope.password = "";
        console.log(username);
        console.log(password);
    };

}]);