[javascript] Ng- 모델은 컨트롤러 값을 업데이트하지 않습니다

버전 별 컨트롤러 (권장)

여기 템플릿

<div ng-app="example" ng-controller="myController as $ctrl">
    <input type="text" ng-model="$ctrl.searchText" />
    <button ng-click="$ctrl.check()">Check!</button>
    {{ $ctrl.searchText }}
</div>

JS

angular.module('example', [])
  .controller('myController', function() {
    var vm = this;
    vm.check = function () {
      console.log(vm.searchText);
    };
  });

예 : http://codepen.io/Damax/pen/rjawoO

Angular 2.x 또는 Angular 1.5 이상에서 구성 요소를 사용하는 것이 가장 좋습니다.

########

옛날 방식 (권장하지 않음)

문자열은 원시적이므로 대신 객체를 사용하는 것이 좋습니다.

마크 업에서 이것을 시도하십시오

<input type="text" ng-model="searchText" />
<button ng-click="check(searchText)">Check!</button>
{{ searchText }}

그리고 이것은 컨트롤러에서

$scope.check = function (searchText) {
    console.log(searchText);
}

답변

$scope.formData = {};
$scope.check = function () {
  console.log($scope.formData.searchText.$modelValue); //works
}

<input ng-model="formData.searchText"/>
<button ng-click="check()">Check!</button>

function AppCtrl($scope){
  $scope.searchText = "";
  $scope.check = function () {
    console.log("You typed '" + this.searchText + "'"); // used 'this' instead of $scope
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app>
  <div ng-controller="AppCtrl">
    <input ng-model="searchText"/>
    <button ng-click="check()">Write console log</button>
  </div>
</div>

$scope.model = {}

<input ng-model="model.firstProperty">