ivhツリー - 選択のためのノードを無効にする

Question

私はivhツリー（https://github.com/iVantage/angular-ivh-treeview）を使い慣れていて、このライブラリを使用しています。 [ブール値]、それはユーザーが選択または選択解除させてください：私は私がこの

$scope.bag = [{ 
      label: 'Glasses', 
      value: 'glasses', 
      entitled: false, 
      children: [{ 
       label: 'Top Hat', 
       value: 'top_hat', 
       entitled: true 
      }, { 
       label: 'Curly Mustache', 
       value: 'mustachio', 
       entitled: false 
      }] 
     }]; 
}; 

ので題した変数に基づいて

のようにツリーを持っているユーザーの資格例えば

に基づく選択のための特定のノードに無効にします。どのようにこれを行うことができますか？

Answer 1

これを達成するには、カスタムノードテンプレートにロジックを配置する必要があります。ここでは、私がちょうどnodeスコープの値を検査し、必要に応じてそのチェックボックスを無効にするヘルパーディレクティブを導入しました。

http://jsbin.com/buqaxu/2/edit?html,js,output

app.directive('isCbEnabled', function() { 
    return { 
    link: function(scope, element, attrs) { 
     if(scope.node.disabled) { 
     element.find('input').attr('disabled', true); 
     } 
    } 
    }; 
}); 

あなたのテンプレートであなたのivh-treeview-checkboxディレクティブにこのような何かを添付でき思います。 nodeは、テンプレート内でサポートされているスコープ変数です。