¿Funciona ng-disabled en la label div? si no, ¿por qué?

He intentado usar ng-disabled en la label div, pero no está funcionando. ¿ng-disabled funcionará en tags div? ¿Si es así, entonces cómo?

<div ng-disabled="true"> <button>bbb</button> </div> 

5 Solutions collect form web for “¿Funciona ng-disabled en la label div? si no, ¿por qué?”

"ng-disabled" simplemente agrega o elimina el atributo "disabled" en el elemento. Sin embargo, en HTML, "disabled" en un div no tiene ningún efecto.

Entonces, de alguna manera, "ng-disabled" está funcionando, pero simplemente no tiene sentido usarlo en un div.

Puede agregar "ng-disabled" a un fieldset, lo que hará que los elementos de input nesteds en él aparezcan deshabilitados.

Otra solución podría ser simular el efecto deshabilitado utilizando las properties de css "opacity" y "pointer-events: none", consulte http://nerd.vasilis.nl/disable-html-elements-with-css-only/

hay una serie de elementos en HTML que tienen el atributo 'disabled' en efecto, DIV no es uno de ellos.

puedes ver qué elementos toman ese atributo, aquí

estos elementos aceptan el atributo 'deshabilitado':

  • button
  • input
  • seleccionar
  • textarea
  • optgroup
  • opción
  • fieldset

puedes usar la próxima directiva:

// *********************************** // // esta directiva es directiva ng-disabled para todos elementos y no solo para el button // *********************************** //

 app.directive('disabledElement', function () { return { restrict: 'A', scope: { disabled: '@' }, link: function (scope, element, attrs) { scope.$parent.$watch(attrs.disabledElement, function (newVal) { if (newVal) $(element).css('pointerEvents', 'none'); else $(element).css('pointerEvents', 'all'); }); } } }); 

y el html:

  <div ng-click="PreviewMobile()" data-disabled-element="toolbar_lock"></div> 

El uso de 'ng-disabled', como dice la guía de desarrollo de angular, es solo para una label de input.

 <INPUT ng-disabled=""> ... </INPUT> 

Entonces, según tengo entendido, ¿estás tratando de desactivar el div cuando se presiona el button? De lo contrario, puede desactivar el button de esta manera.

 <div> <button ng-disabled="true">bbb</button> </div> 

Pero no entiendo por qué porque no se puede habilitar de nuevo.

  • Cómo ocultar la barra de navigation cuando aparece la superposition
  • Compruebe si el objective del evento es hyperlink
  • Brillo de la image con html5 / CSS / JS
  • jQuery carga múltiples files html en un elemento
  • Organizar div dentro de otra div con Javascript
  • ¿Cómo uso JQuery para detectar si una input de file tiene un file seleccionado?
  • D3js toma datos de una matriz en lugar de un file
  • Cambiar el valor del atributo de datos html
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.