AngularJS test

by luckylooke

HTML

<div ng-app="myApp">
    <div startpoint></div>
</div>

JavaScript

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

myApp.directive('startpoint', function(){
	return {
        template: '<div><div ng-hide="clicked">FALSE $scope.clicked:{{clicked + $id}}</div>\
				<div ng-show="clicked" sets="startpoint" >TRUE $scope.clicked:{{clicked}}</div></div>',
		
		controller: function($scope) {
            console.log($scope);
			$scope.clicked = false;
		},
		link: function($scope, iElm) {
            console.log($scope);
            iElm.on("click", function (e) {
            	console.log($scope.clicked + $scope.$id);
                $scope.clicked=!$scope.clicked;
                $scope.$digest();
            })
		}
	};
});