Роман Родионов

А как прокинуть переменную template в св-во template директивы? Он мне html текстом выводит.

app
        .controller("templateCtrl", function ($scope, $templateCache){
            $scope.templatePath = "registration/form";
            $scope.template = $templateCache.get($scope.templatePath);
        })
        .directive("templateview", function (){
            return {
                scope: {
                    template: "="
                },
                restrict: "E",
                template: "{{template}}",
                link: function (scope){
                    console.log(scope);
                }
            }
        });

<templateview data-template="template"></templateview>

У css анимация тоже есть события. Тебе нужно при клике удалить класс анимации у элемента, а потом присвоить заново.

Редактор Sublime Text 3 + плагин sass + плагин sublimeOnSaveBuild.
Очень удобно, я считаю.

Никита, я изучаю возможности Веб-разработки пол года.
Освоил основы HTML, CSS, JS.
Сейчас осваиваю PHP и MySQL.
Я ищу человека, кто был бы заинтересован в обучении Веб также, как и я.
Предлагаю пообщаться в Скайпе, обменяться опытом, полезными идеями, планами, советами.

Помучился и сделал!
Оказывается, анимация не завершает свое действие, а просто останавливается. Поэтому не проигрывается по второму клику в обратном направлении.
Один из способов, чтобы ее остановить:
1)Клонировать элемент, на котором повешено событие, предварительно удалив из него атрибут style.
2)Удалить сам этот элемент.
3)Вставить вместо него его клон.
Вот решение для моего кода:

function addStyle(elementId, animationClassName) {
...
		var elem = document.getElementById(elementId);
		var father = elem.parentNode;
		elem.removeAttribute('style');
		var newElem = elem.cloneNode(true);

		elem.parentNode.removeChild(elem);
		father.appendChild(newElem);
		newElem.setAttribute('style', getStyleValue(animationClassName));
	}