本文をクリックして機能を実行してください：指示文

Question

私は指示文を作成しました。これにより、ユーザは単語 をクリックしてテキストボックス内で編集し、いつでもどこでもクリックして戻すべきです編集した単語に

HTML

<div markdown>bineesh</div> 

JS指令

app.directive('markdown',function() { 

/*var htmlText='<textarea cols="20" rows="10" ng-show="isEditMode" ng-dblclick="previewSwitch()" ng-model="markdown"></textarea>';*/ 
var htmlText='<input type="text" class="form-control" ng-hide="isEditMode" ng-dblclick="backToTextarea()" ng-model="markdown"/>'; 
var newHtml='<div ng-click="previewSwitch()" ng-show="isEditMode" >{{markdown}}</div>' 
var dir={ 
    restrict:'A', 
    compile:function (tElement,tAttrs,transclude) { 
     var markdown=tElement.text(); 

     tElement.html(htmlText); 
     tElement.append(newHtml); 

     return function (scope,element,attrs) { 
      scope.isEditMode=true; 
      scope.markdown=markdown; 

      scope.previewSwitch=function() { 
       scope.isEditMode=false; 
      } 
      scope.backToTextarea=function() { 
       scope.isEditMode=true; 
      } 
     }; 


    } 
    } 
    return dir; 
}); 

私は新しい午前として、何かがディレクティブに追加する必要があるが、私はきちんとそれに入るわけではないことを知っています角に合わせて

Answer 1

angular.element(document).on('click', function() { 
    scope.isEditMode = false; 
}); 

element.on('click', function(e) { 
    e.stopPropagation(); 
    return false; 
});