如何使用角度清除搜索字段？

Question

我在HTML中添加了一個清除按鈕，但我仍然是一個新手。如何讓點擊清空按鈕清空搜索字段？如果用戶輸入一些文字，但沒有出現，我希望能夠將其清除。

小提琴：https://jsfiddle.net/kiddigit/znasgeez/1/

<button class="btn btn-success pull-right"> 
    <span ng-model="search" ng-click="clearSearch()"></span> Clear 
    </button> 


var artistControllers = angular.module('artistControllers', []); 

artistControllers.controller('ListController', ['$scope', '$http', function($scope, $http) { 
    $http.get('js/data.json').success(function(data) { 
    $scope.artists = data; 
    $scope.artistOrder = 'name'; 
    }); 
}]); 

artistControllers.controller('DetailsController', ['$scope', '$http','$routeParams', function($scope, $http, $routeParams) { 
    $http.get('js/data.json').success(function(data) { 
    $scope.artists = data; 
    $scope.whichItem = $routeParams.itemId; 

    if ($routeParams.itemId > 0) { 
     $scope.prevItem = Number($routeParams.itemId)-1; 
    } else { 
     $scope.prevItem = $scope.artists.length-1; 
    } 

    if ($routeParams.itemId < $scope.artists.length-1) { 
     $scope.nextItem = Number($routeParams.itemId)+1; 
    } else { 
     $scope.nextItem = 0; 
    } 

    }); 
}]); 

Answer 1

嘗試使用angular.copy（{}）。這將清空你的領域。
看一看的plunker我創建：https://plnkr.co/edit/LYZeKt3jZXhoCmfvgmLw?p=preview

$scope.search = angular.copy($scope.default); 

是這裏的關鍵。

Answer 2

您可以將輸入綁定的範圍變量設置爲空字符串。

http://jsfiddle.net/Lvc0u55v/5156/

基本上，在你的clearSearch（）方法你做

$scope.query = "";