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은 템플릿 내에서 지원되는 범위 변수입니다.