Уникальное значение переменной $ 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 (). Остальные значения должны оставаться неизменными.

Я уверен, что это глупая ошибка. Может кто-нибудь помочь мне?