3
\$\begingroup\$

I want to create a simple CRUD app using angular on the frontend.

I'm not really happy with the logic here, it seems a bit convoluted for fairly simple functionality.

    <div class = "container-fluid">
        <div id = "table" class = "row" ng-repeat = "o in objects" ng-init = "o.isBeingEdit = false">
            <div class ="col-xs-1"> {{o.objectId}}</div>
            <input type = "text" ng-model = "o.someContent" class = "col-xs-9" ng-disabled = "!o.isBeingEdit"/> 
            <input type = "button" class = "col-xs-2 btn btn-default" ng-click = "editSave(o)" ng-value = "o.isBeingEdit? 'Save' : 'Edit'"/>
        </div>      
    </div>

$scope.editSave = function(o){
    if (o.isBeingEdit){
        //Save
        BackendService.updateObject(o).then(function(data){
            o.isBeingEdit = false; 
        }, function(data){
            o.isBeingEdit = false;
            handleServerError(data);
        }); 
    }
    else{
        o.isBeingEdit = true;
    }
};

Is there a much much much nicer way of doing this?

\$\endgroup\$

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Browse other questions tagged or ask your own question.