不能使用同一控制器保留唯一的$ scope变量值

Question

模板：

<div class="textSearch">
    <input type="text" ng-model="searchText"/>
    <a href="" ng-if="searchText" ng-click="clearText()">
        <i class="fa fa-times deleteIcon" title="Clear Search" aria-hidden="true"></i>
    </a>
</div>

控制器：

$scope.clearText = function () {        
    if ($scope.searchText) {
        $scope.searchText = '';
    }
}

我在同一页面的多个位置使用了此控件。所有实例均显示其唯一的“ searchText”值，并且可以正常工作。但是，当我从实例之一触发$ scope.clearText（）函数时，它将清除所有实例的文本框值。我只想清除触发$ scope.clearText（）函数的实例的文本框值。其余值应保持不变。

我确定这是一个愚蠢的错误。有人可以帮我吗？