필드에 사용자 입력이있을 때 ng-model은 값을 변경하지 않습니다.

Question

저는 angular.js를 아직 처음 사용하고 있습니다. 이것은 매우 단순해야하는 것처럼 보이지만 나는 혼란 스럽습니다.

내가 입력 필드가 있습니다

<input type="text" placeholder="Search" ng-model="search.txt"> 

을 그리고 난 내 컨트롤러에서이 함수를 호출하는 버튼이 NG를 클릭 : 버튼을 클릭

$scope.clearSearch = function() { 
    $scope.search = {txt:"qqqqq"}; 
} 

동작합니다 예상대로 - 입력을 페이지의 값은 "qqqqq"가됩니다. 따라서 데이터 바인딩이 올바른 것처럼 보입니다.

그러나 필드에 아무 것도 입력하지 않고 단추를 누르면 입력 값이 페이지에서 변경되지 않습니다. 입력 필드는 입력 한 값을 유지합니다. 왜 그런가요?

필자가 실제로하려는 것은 필드를 명확히하기 위해서입니다. 그림에 "qqqqq"를 사용하고 있습니다. 값을 null로 설정하는 것은 동일한 동작입니다.

Answer 1

그것은 작동 :

이

스크립트 :

이

angular.module('myapp',[]) 
      .controller('myctrl',function($scope){ 
       $scope.search = {text:'some input'}; 
       $scope.clearSearch = function() { 
        $scope.search={text:null}; 
       } 
}); 

마크 업 :

<div ng-app="myapp" ng-controller="myctrl"> 
     <input type="text" ng-model="search.text"/> 
     <button ng-click="clearSearch()">clear</button> 
</div> 

In plunker