ドキュメントステータスのディレクティブ

Question

ドキュメントのステータスを示す簡単なディレクティブを作成します。私はこのことをコントローラーを介して指示を出さずに実行しています。しかし、私は再利用可能な指令を作成したい。

の1-新：私はこれを作成している

投稿2 - 未保存の3-ドラフトの4-

それは次の状態を持っているでしょうプランク： http://plnkr.co/edit/sNoHGh4c4dgYycoDAhLQ?p=preview

私の指示はフォームの外にとどまります。どのように私はこのような指示から州にアクセスすることができます：

$scope.mainform.$setSubmitted(); 

Answer 1

この指示文では、属性で定義されたスコープ変数に関数を公開してください。

angular.module("myApp").directive('once', function() { 
    return { 
    scope: { 
     //publish API 
     onceAPI: '=once' 
    }, 
    link: function(scope, elem, attrs) { 
     scope.onceAPI = scope.onceAPI || {}; 
     //publish function 
     scope.onceAPI.setPostComplete = function() { 
      console.log("post complete") 
      scope.onceAPI.isPosted = true; 
     } 
    } 
    }; 
}); 

USAGE

<div once="vm.onceAPI"></div> 

CONTROLLER

vm.submit = function(){ 
    $scope.mainform.$setSubmitted(); 
    var postData = {in1: vm.in1}; 
    $http.post(url,postData).then(function() { 
     vm.onceAPI.setPostComplete(); 
    }); 
}; 

DEMO on PLNKR。