Knockout Textarea -> StringList test

by Admiral Potato

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>
<ul data-bind="foreach: newCommentList">
    <li>
        <label data-bind="attr:{for: 'new-comment-' + $index}">Comment</label><br />
        <input type="text"
        data-bind="attr:{id: 'new-comment-' + $index, name: 'new-comment-' + $index}, value: $rawData, valueUpdate: 'input'" />
    </li>
</ul>

<button data-bind="click: addComment">Add Comment +</button>

<ul data-bind="foreach: newCommentList">
    <li data-bind="text: $data"></li>
</ul>

JavaScript

var newCommentList = ko.observableArray([]);

var viewModel = {
    newCommentList: newCommentList,
    addComment: function(){
        newCommentList.push(ko.observable('Enter Comment Here'));
    }
};

ko.applyBindings(viewModel);