textarea json output

HTML

<script src="http://code.angularjs.org/angular-0.10.3.min.js" ng:autobind></script>

<script>
function TestController() {
    var self = this;
    this.form = {
        ruleSettings: {
            parameters: ["name=#{id.name}","last=#{id.last}"],
        }
    }
}

angular.inputType('textAreaList', function(){
    this.$parseModel = function(){
        if (this.$modelValue) {
            this.$viewValue = this.$modelValue.join('\n');
        }
    };
    
    this.$parseView = function(){
        this.$modelValue = this.$viewValue.split('\n');
    };
});

</script>

<div ng:controller="TestController">
    <p>Form Object:<br/>{{form}}</p>
    <h5>TextArea</h5>
    <p>
        <textarea type="textAreaList" name='parameters' ng:model='form.ruleSettings.parameters' ng:format="string" />
    </p>

    
</div>

CSS

input, textarea {
    margin:4px;
}
p {
    padding:4px;margin:6px;
}
textarea {
    height:200px;width:225px;
}