auto increase textbox Directive

by Samar Pattanayak

HTML

<div ng-app="myModule" ng-controller="myController">  
  {{test}}
  <auto-increment></auto-increment>
</div>

JavaScript

var ang= angular.module("myModule", []);
ang.controller("myController", function($scope){
	$scope.test= "Testing !!!";
})
ang.directive("autoIncrement", function(){
	return {
  	scope :{
    	first :"="
    },
  	restrict:"EA",
    link : function(scope,el,attr){
    	//console.log(el);
			el.bind("keyup", function(event){
      	console.log("typing... ???", el.style);
        var defWidth = el.find("input")[0].style.width;
        console.log(event.keyCode);
        var sub= defWidth.substring(0,3) ;
        var newidth = parseInt(sub)+13 + "px";
        el.find("input")[0].style.width= newidth;
      })      
    },
    template : "<input type='text' style='width:120px' first ='test' ng-model='txtval'/>{{first}}"
  }
})