streamfire

temp.html

function streamInfo(stream) {
	var self = this;
	self.name = stream.name;
};


function getStream(streamName){
    return [{name: streamName}];
}


function getStreams(){
    var streams = ko.observableArray();
    streams.push(new streamInfo());
    streams.push(new StreamInfo(getStream("Day9Tv")));
    return streams;
}

function StreamViewModel() {
	var self = this;

	self.streams = [{name: "LiquidRet"},{name: "Day9Tv"}];
		
	self.favoriteStreams = ko.observableArray(new StreamInfo(self.streams[0]));

	self.addFavorite = function(streamName) {
		self.FavoriteStreams.push(new StreamInfo(getStream(streamName)));
	};
};



ko.applyBindings(new StreamViewModel());

<h2>Your Streams</h2>
<div data-bind="text: favoriteStreams.length"></div>
<table data-bind="visible: favoriteStreams.length() > 2">
	<thead>
		<tr>
			<th>Stream</th>
			<th>Favorite</th>
		</tr>
	</thead>
	<tbody data-bind='foreach: favoriteStreams'>
		<tr>
			<td data-bind='text: name'></td>
		</tr>
	</tbody>
</table>