ejemplos - html dom javascript tutorial

árbol ivh-desactivar el nodo para la selección

Question

Soy nuevo en el árbol de ivh ( https://github.com/iVantage/angular-ivh-treeview ) y uso esta biblioteca. Quiero deshabilitar a ciertos nodos para la selección, en función del derecho del usuario

por ejemplo, tengo un árbol como este

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

Por lo tanto, según la variable titulada: [boolean], debería permitir al usuario seleccionar o deseleccionar. ¿Cómo se puede hacer esto?

Answer 1

Para lograr esto, deberá poner algo de lógica en una plantilla de nodo personalizada. Aquí hay un ejemplo simplificado donde introduje una directiva de ayuda que solo inspecciona el valor del alcance del node y deshabilita su casilla si es necesario.

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);
      }
    }
  };
});

Podría adjuntar algo así a su ivh-treeview-checkbox en su plantilla. Tenga en cuenta que el node es una variable de ámbito compatible dentro de las plantillas.