与模型的基本$ scope连接

Question

我的代码：

    .controller("GetAllAuthors", function ($scope, $http) {
    $http.get('http://localhost:8080/authors')
        .then(function (response) {
            $scope.authors = response.data;
        });
    $scope.edit = function (index) {
        for (var i = 0; i < $scope.authors.length; i++) {
            if ($scope.authors[i].id == index) {
                $scope.object = $scope.authors[i];
                break;
            }
        }
    }
})

Html视图：

<tbody ng-repeat="author in authors">
<td><input type="button" ng-click="edit(author.id)" value="Edit"/></td>

<div ng-controller="GetAllAuthors">
    {{object.id}} // <--- doesn't display it
</div>

它不起作用。我无法使用日期绑定我的对象。如何解决？

Answer 1

你需要把http放在编辑方法中。

 .controller("GetAllAuthors", function ($scope, $http) {

    $scope.edit = function (index) {

         $http.get('http://localhost:8080/authors')
        .then(function (response) {
            $scope.authors = response.data;

            for (var i = 0; i < $scope.authors.length; i++) {
               if ($scope.authors[i].id == index) {
                   $scope.object = $scope.authors[i];
                   break;
               }
            }
        });


    }
})

Answer 2

试试这个 在函数外部初始化$ scope.object。