ness on spot hands on

by rishul matta

HTML

<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<div chata>
  
    
  
</div>



<script type="text/ng-template" id="chatT">
    <div>
        <h1>Chat Window</h1>
        <input type="text" ng-model="msg"/>
        <input type="button" value="Send" ng-click="broadCast()"/>
        <div ng-bind="msg"></div>
        
    </div>
</script>


<script type="text/ng-template" id="chatAdd">
      <input type="button" value="Add" ng-click="addApp()" />
    <div ng-repeat="chatapp in chatapps" >
        <div chat> </div>
    </div>
</script>

JavaScript

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

chatApp.controller('chatCtrl',function($scope){
   
/*    $scope.addApp=function(){
        debugger;
        var ele=document.getElementById("add");
        ele.innerHtml="<h1>Rishul </h1>";
        $scope.$$apply();
    }*/
    
});

chatApp.directive('chat',function(){
    return{
        scope:{},
        templateUrl:"chatT",
        restrict:'A',
        link:function(scope,element,attr){
            scope.on('sendMsg',function(p1,p2){
             scope.msg=p2;
            });
            
            scope.$root.on('sendMsg',function(p1,p2){
             scope.msg=p2;
            });
            scope.broadcast=function(){
                scope.$emit('sendMsg');
            }
        }
    };   
    
       
  });

    
 chatApp.directive('chata',function($compile){
    return{
       
        templateUrl:"chatAdd",
        restrict:'A',
        link:function(scope,element,attr){
            var tem= $compile("<div chat></div>");
            scope.chatapps=[];
            
            scope.addApp=function(){
                debugger;           
                var obj= new Object();
                scope.chatapps[scope.chatapps.length]=obj;              
       
            }
             
        }
    };
 });