텍스트 입력 후 ng-model이 더 이상 업데이트되지 않습니다.

Question

저는 AngularJS에 익숙하지 않으며 문제를 해결하는 데 문제가 있습니다. 비슷한 질문이 stackoverflow에 있었지만 도움이되지 않았습니다. 기본적으로 ng-click으로 업데이트되는 양식이 있지만 한 번 텍스트 상자에 텍스트를 입력하면 해당 텍스트 상자가 더 이상 업데이트되지 않습니다.

이

내 HTML

Edit Course: 
<li ng-repeat="course in courses"> 
    <p> 
    <a ng-click="Edit_Course(course.id)">{{course.course_name}}</a> 
    </p> 
</li> 
<div ng-show="showedit == 1"> 
    <form novalidate ng-submit="edit_course()" class="simple-form"> 
    <label for="form_course_name">Course</label> 
     <input type="text" id="form_course_name" ng-model="edit_course_name"> 
    <label for="form_par">Par</label> 
     <input type="text" id="form_par" ng-model="edit_course_par"> 
    <label for="form_course_location">Course Location</label> 
     <input type="text" id="form_course_location" ng-model="edit_course_location"> 
    <input type="submit" id="submit" value="Edit Course" /> 
    </form> 
</div> 

사람이 귀하의 링크가 로그인이 필요한

$scope.Edit_Course = function (id) { 
    var course = { 
     'course_id' : id 
    }; 

    $http({method: "POST", url: "http://www.dgcharts.com/editcourse", data: course}) 
    .success(function(data, status, headers, config){ 

     thecourse = data["course"]; 
     $scope.edit_course_name = thecourse.course_name; 
     $scope.edit_course_par = thecourse.par; 
     $scope.edit_course_location = thecourse.course_location; 
     $scope.edit_course_id = thecourse.id; 
     $scope.showedit = 1; 
    }) 
} 

Answer 1

링크를 클릭 할 때 호출되는 내 기능입니다.

문제에 대해 추측해야하는 경우 각도 범위 문제와 관련이있을 수 있습니다. 대신 객체 속성에 대한 ng-model 바인딩을 변경해보십시오. 그래서, 대신 당신의 HTML에서이에 대한 추가 정보를 원하시면

$scope.course = {}; //only do this if $scope.course has not already been declared 
$scope.course.edit_course_name = thecourse.course_name; 

:

<input type="text" id="form_course_name" ng-model="edit_course_name"> 

는이

<input type="text" id="form_course_name" ng-model="course.edit_course_name"> 

와 자바 스크립트에

, 아약스 콜백에로 변경 할 문제 : 참조 : https://github.com/angular/angular.js/wiki/Understanding-Scopes