Javascript 如何更新输入框';在中单击按钮时的s值属性
我正在使用Angualr JS构建一个应用程序 我想在单击编辑按钮时更新Javascript 如何更新输入框';在中单击按钮时的s值属性,javascript,html,angularjs,Javascript,Html,Angularjs,我正在使用Angualr JS构建一个应用程序 我想在单击编辑按钮时更新餐厅字段。也就是说,当单击编辑按钮时,辛辣厨房将成为编辑辛辣厨房信息,所有输入框的值将自动更新 我的截图如下所示, 输入框的代码如下所示 Name:<input type="text" value="{{name}}" ng-model="name" /></td> 看起来视图没有根据范围值进行更新。 这在angular中是典型的,您可以通过使用$timeout触发摘要循环来遇到此问题: $sco
餐厅
字段。也就是说,当单击编辑按钮时,辛辣厨房
将成为编辑辛辣厨房信息
,所有输入框的值将自动更新
我的截图如下所示,
输入框的代码如下所示
Name:<input type="text" value="{{name}}" ng-model="name" /></td>
看起来视图没有根据范围值进行更新。 这在angular中是典型的,您可以通过使用$timeout触发摘要循环来遇到此问题:
$scope.update = function (restaurant) {
$timeout(function() {
$scope.name = restaurant.name
console.log('from update: ', $scope.name)
});
}
不要忘记在控制器中声明$timeout
.controller('SomeCtrl', function($scope, $timeout)
editRestaurant内部是什么?删除editRestaurant和console.log内部打印的内容('from update:',$scope.name);,不需要单独的函数?“但它没有更新”。。。。不更新什么?具体问题还不清楚。创建一个plunker演示,这样我们就可以看到完整的@Sajeetharan:那么怎么做呢?我现在不调用任何函数。只需单击按钮,我就可以更新相应的字段。您想更新什么?
$scope.editRestaurant = function (restaurant) {
console.log(restaurant)
}
$scope.update = function (restaurant) {
$timeout(function() {
$scope.name = restaurant.name
console.log('from update: ', $scope.name)
});
}
.controller('SomeCtrl', function($scope, $timeout)