Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyController">
    Здесь делается массив данных для ссылок:<br /><br />
    <form name="contentsForm">
        <button type="submit" class="btn btn-success btn-sm" ng-click="addContact()">Добавить ссылку</button>
        <div ng-repeat="content in contents">
            <input type="text" placeholder="Адрес ссылки" ng-model="content.link"/>
            <input type="text" placeholder="Название ссылки" ng-model="content.name"/>
            <a href="" ng-click="removeContact(content)">×</a>
        </div>
    </form>
    
    <br /><hr><br />Здесь визуализируется всё
    <ul>
        <li ng-repeat="content in contents"><a href="{{content.link}}">{{content.name}}</a></li>
    </ul>
    
    <br /><hr><br />Здесь должен выводиться чистый получившийся html код
    <textarea rows="10" cols="30" width="100%">
        <ul>
            <li ng-repeat="content in contents"><a href="{{content.link}}">{{content.name}}</a></li>
        </ul>
    </textarea>
</div>

JavaScript

var app = angular.module('myApp', []);

function MyController($scope) {
    $scope.contents = [{link: '#адрес', name: 'Название'}];
    
	$scope.addContact = function() {
		$scope.contents.push({link: '', name: ''});
	};

	$scope.removeContact = function(contact) {
		var contacts = $scope.contents;
		for (var i = 0, ii = contacts.length; i < ii; i++) {
			if (contact === contacts[i]) {
				contacts.splice(i, 1);
			}
		}
	};
}