I am new to AngularJS and I am having a problem that I am having trouble solving, there was a similar question on stackoverflow but it didn't seem to help me out. I basically have a form that gets updated by ng-click, but once once I enter text into any of the text boxes, those text boxes no longer update.

This is my 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>

This is my function that is called when someone clicks on a link

$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;

  })

}