指示がクリックごとに新しい負荷になる必要があります

Question

私はグラフ指示文を持っています。 uibのタブセットを表示します。任意のタブをクリックするたびに新しいロードを再度実行したい。

<uib-tabset active="activePill" vertical="true" type="pills"> 

    <uib-tab ng-repeat="physicalTest in patientinfo.physical_test_list" 
            index="$index" heading="{{physicalTest.name}}" disable="physicalTest.disabled"> 

      <div class="row"> 
      <div class="col-md-10"> 
       <graph graph-data="physicalTest"></graph> 
      </div> 
      </div> 

    </uib-tab> 

</uib-tabset> 

Answer 1

親HTML divまたは任意の要素内に指示を囲みます。 ng-ifを使用して非表示にします。タブでクリックすると、あなたのコードを1として

<div ng-if="showDirectiveA"> 
    <directive ...> 
</div> 

、タブで

<div id="tab" ng-click="showDirectiveA = !showDirectiveA"> 

を表示/非表示を切り替えるには、変数の値を変更し、

<uib-tabset active="activePill" vertical="true" type="pills"> 

<uib-tab ng-repeat="physicalTest in patientinfo.physical_test_list" ng-click="physicalTest.showGraph = !physicalTest.showGraph" index="$index" heading="{{physicalTest.name}}" disable="physicalTest.disabled"> 

     <div class="row"> 
     <div class="col-md-10" ng-if="physicalTest.showGraph"> 
      <graph graph-data="physicalTest"></graph> 
     </div> 
     </div> 

</uib-tab>