Верхняя часть внутри ng-disabled

Question

Я пытаюсь включить кнопку удаления, заставляя пользователя вводить слово «DELETE» в текстовый ввод. Приведенный ниже код работает, но он чувствителен к регистру, что означает, что если кто-то, например, набирает «delete», он не будет работать.

Может ли кто-нибудь посоветовать, как мне нужно будет изменить код ниже, чтобы сделать регистр неприемлемым?

<div ng-app=""> 
    <div ng-controller="test"> 
    <label>Type the word DELETE below to confirm</label> 
    <input type="text" placeholder="TYPE DELETE" ng-model="deletetext" /> <br /> 
    <button class="btn btn-danger" ng-disabled="deletetext != 'DELETE'">DELETE</button> 
    </div> 
</div> 

Благодаря

Answer 1

предложение Тило о использовании deletetext.toUpperCase()! = 'DELETE' устранили эту проблему. Этот скорректированный код теперь выглядит следующим образом:

<div ng-app=""> 
    <div ng-controller="test"> 
    <label>Type the word DELETE below to confirm</label> 
    <input type="text" placeholder="TYPE DELETE" ng-model="deletetext" /> <br /> 
    <button class="btn btn-danger" ng-disabled="deletetext.toUpperCase() != 'DELETE'>DELETE</button> 
    </div> 
</div> 

Answer 2

deletetext.toUpperCase() != 'DELETE' работы. Вы также можете добавить $ watch к deletetext и заставить его быть в верхнем регистре. Лучше юзабилити IMO.

$scope.$watch('deletetext', function(newValue, oldValue){ 
    $scope.deletetext = newValue.toUpperCase(); 
}); 

Вот полный пример: http://jsfiddle.net/GLCAT/