Altering Json Objects Load, Edit & Save

http://angularjs.org/

by programmieraffe

HTML

<script type="text/javascript" ng:autobind src="http://code.angularjs.org/angular-0.10.6.js"></script>

<div ng:controller="TestCtrl">
    <button ng:click="loadAnswers()">Load answers</button>
    <button ng:click="addAnswer()">Add answer</button>
<p>&nbsp;</p>
    <ul>
        <li ng:repeat="answer in json_object_decoded.answers">
            <input type="text" name="answer.text" />
           <input type="radio" ng:selected="{{answer.correct}}" name="correct" value="true" />
        </li>
    </ul>
    <p>&nbsp;</p>
    
    
<p>Result:     
    <span ng:bind="json_object_decoded"></span>    </p>
    
    
    <button ng:click="submit()">Save changes</button>
</div>

<br />
<br />

JavaScript

TestCtrl = function($route, $location) {
    this.$route = $route;
    this.$location = $location;

    this.json_object_decoded = {};
    
    this.loadAnswers = function() {
        // this is loaded from db normally
        var fromServer = angular.toJson({
            'answers': [{'text':'Answer 1','correct':true}, {'text':'Another Answer 2','correct':false}]
        });
        this.json_object_decoded = angular.fromJson(fromServer);
    }

    this.addAnswer = function() {
   this.json_object_decoded.answers.push({'text':'New','correct':false});
    }

    this.submit = function() {
        
    }
        
    this.loadAnswers();

}