¿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.

  • Panel de vidrio en toda la página
  • ¿Cómo validan las personas sus sitios web en 2013?
  • ¿Cómo determino un tipo de elemento de input HTML sobre un evento usando jQuery?
  • jQuery checkbox y select - sum los valores y agrega var
  • Identificación del elemento en el mouse sobre
  • ¿Simple si no onclick entonces hazlo?
  • Concéntrese en una fila en particular después de usar ng-repeat
  • Los elementos de Jquery solo funcionan después de actualizar la página
  • traer window emergente al frente
  • ¿Hay alguna manera de enlazar con la mitad de la página de otra persona, incluso si no tienen un ancla?
  • cómo convertir la date y la hora al formatting de timeago en jquery
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.