zdy.html

<!DOCTYPE html>
<html ng-app="myApp">
	<head>
		<meta charset="UTF-8">
		<title>自定义指令</title>
	</head>
	<body>
		<div ng-controller="test" >
			<form>
				<input type="button" value="收藏" my-sc />
			</form>
		</div>
		<script type="text/javascript" src="js/jquery203.js" ></script>
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script>
			var app = angular.module('myApp',[]);
			var fal = true;
			app.directive('mySc',function(){
				return {
					restrict:'A',  
					link:function(){
						
						$('input').on('click',function(){
							
							if(fal = true){
								$('input').val('已收藏');
								fal = false;
							}else{
								$('input').val('收藏');
								fal = true
							}
						});
					}
				}
			});
			app.controller('test',['$scope',function($scope){
				
			}]);
		</script>
	</body>
</html>