Javascript 如何更新输入框';在中单击按钮时的s值属性

Javascript 如何更新输入框';在中单击按钮时的s值属性,javascript,html,angularjs,Javascript,Html,Angularjs,我正在使用Angualr JS构建一个应用程序 我想在单击编辑按钮时更新餐厅字段。也就是说,当单击编辑按钮时,辛辣厨房将成为编辑辛辣厨房信息,所有输入框的值将自动更新 我的截图如下所示, 输入框的代码如下所示 Name:<input type="text" value="{{name}}" ng-model="name" /></td> 看起来视图没有根据范围值进行更新。 这在angular中是典型的,您可以通过使用$timeout触发摘要循环来遇到此问题: $sco

我正在使用Angualr JS构建一个应用程序

我想在单击编辑按钮时更新
餐厅
字段。也就是说,当单击编辑按钮时,
辛辣厨房
将成为
编辑辛辣厨房信息
,所有输入框的值将自动更新

我的截图如下所示,

输入框的代码如下所示

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)