javascript - script - El modelo ng ya no se actualiza después de escribir en la entrada de texto

que se puede hacer con javascript

Question

Soy nuevo en AngularJS y tengo un problema que tengo problemas para resolver, hubo una pregunta similar sobre stackoverflow pero no pareció ayudarme. Básicamente tengo un formulario que se actualiza con ng-click, pero una vez que ingrese texto en cualquiera de los cuadros de texto, esos cuadros de texto ya no se actualizan.

Este es mi 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>

Esta es mi función que se llama cuando alguien hace clic en un enlace

$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

su enlace requiere un inicio de sesión.

Si tengo que adivinar acerca de su problema, puede estar relacionado con un problema de alcance angular. intente cambiar su enlace ng-model a una propiedad de objeto en su lugar. así que en tu html, en lugar de:

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

hacer esto

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

y en su javascript, en la devolución de llamada ajax, cámbielo a:

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

Para obtener más información sobre este tema, consulte: https://github.com/angular/angular.js/wiki/Understanding-Scopes