NG-model 在输入文本后不再更新
ng-model no longer updates after typing into text input
我是 AngularJS 的新手,我遇到了一个无法解决的问题,在 stackoverflow 上有一个类似的问题,但它似乎没有帮助我。我基本上有一个通过ng-click更新的表单,但是一旦我在任何文本框中输入文本,这些文本框就不再更新。
这是我的网页
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;
})
}
您的链接需要登录。
如果我必须猜测您的问题,它可能与角度范围问题有关。 请尝试改为将 ng-model 绑定更改为对象属性。 所以在你的 HTML 中,而不是:
<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">
在你的JavaScript中,在Ajax回调上,将其更改为:
$scope.course = {}; //only do this if $scope.course has not already been declared
$scope.course.edit_course_name = thecourse.course_name;
有关此问题的详细信息,请参阅:https://github.com/angular/angular.js/wiki/Understanding-Scopes
相关文章:
- Javascript循环不会自我更新
- 添加文字和评论功能更新Div
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- AngularJS:ng之后,重复$scope值未按预期更新
- 如何通过数组更新角度子范围
- Ajax聊天消息重复而不仅仅是更新
- 通过CSV文件上载更新数据库表
- 平均值:无法将数据更新到数据库
- $rootScope未使用forEach进行更新
- d3基于用户选择动态更新节点
- ActiveX ListControl 事件在 Windows 更新后不再起作用
- 虚拟键盘在更新到 Chrome v50 后不再工作
- angularjs:自定义直接中的绑定数据在使用“”后不再更新;track-by-;在ng重复中
- NG-model 在输入文本后不再更新
- 流星-不再实时更新
- Sequelize更新不再工作:;传递给update的选项参数中缺少where属性;
- 更新到Angular 1.3.0不再工作
- JavaScript子菜单在iPhone iOS 5更新后不再工作
- Firefox插件图标在Firefox 29更新后不再显示
- 高图表:数据更新后,同步图表不再同步