表单模型绑定 Laravel / Angular答案

【问题标题】：Form model binding Laravel / Angular表单模型绑定 Laravel / Angular
【发布时间】：2015-08-21 21:44:57
【问题描述】：

在使用 Angular 表单编辑条目（实际上是更新）时，是否有可能使用已存储在数据库中的数据填充字段？

换句话说，我可以使用 Angular/Laravel 进行表单模型绑定吗？

【问题讨论】：

试试ngResource、Restangular 或restmod。

【解决方案1】：

如果你打算使用 ngResource 并且当你从 Laravel 获取数据时，你可以将返回的 JSON 对象作为模型绑定到你的表单。

    $scope.formDatamodel = {};

    //Suppose you will get data from Laravel here 
    var Apidata = $resource('/api/account/updateStatus').get();

    Apidata.$promise(data){

        $scope.formDatamodel = data;

    }

现在您必须在表单控制器中进行 ngModel 绑定。

<input type="password" name="password" ng-model="formDatamodel.password">

【讨论】：

我不确定你为什么使用 $resource？没有它也可以吗？
阅读文档后，我意识到我写的所有东西都可以通过 $resource 轻松获得？但既然我已经这样了，我就这样离开它:)。感谢您的时间和帮助！

【解决方案2】：

我不确定这是否是正确的方法，但我就是这样做的。

我使用 show 方法获取数据：工厂：

            show : function(
            id
        )
        {
            return $http.get('/api/rides/' + id);
        }

控制器：

        $scope.rideEdit = {};
    var id = $stateParams.id;
    // Alles nemen van 1 record
    Ride.show(id)
        .success(function(data) {
            console.log(data);
            $scope.rideEdit.Dataname = data.name;
            $scope.rideEdit.Description = data.description;
            $scope.rideEdit.datetime = data.ridedatetime;
            $scope.rideEdit.persons = data.ridepersons;
            $scope.rideEdit.vertrekpunt = data.ridevertrekpunt;
            $scope.rideEdit.eindpunt = data.rideeindpunt;
        });

然后它显示数据。

【讨论】：