表格模型绑定Laravel / Angular

Question

Is there anny possibility when editing an entry (an update actually) with an Angular form, to populate the fields with the data already stored in the database?

In other words, can I do form model binding with Angular/Laravel?

Answer 1

If you're going to use ngResource and when you'll get data from Laravel, then you can bind the returned JSON object as a model to your form.

    $scope.formDatamodel = {};

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

    Apidata.$promise(data){

        $scope.formDatamodel = data;

    }

Now you will have to make ngModel binding in your form controller.

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

Answer 2

I'm not sure if this is the right approch, but this is how I did it.

I get the data with the show method: Factory:

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

Controller:

        $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;
        });

So then it displays the data.