La directiva ng-focus en AngluarJS se usa para aplicar un comportamiento personalizado cuando se enfoca un elemento. Se puede usar para mostrar/ocultar algún elemento o puede mostrar una alerta emergente cuando se está enfocando el elemento. Es compatible con los elementos <a>, <input>, <select> y <textarea>. Sintaxis: <element ng-focus=»expression»> Contents… </element> Donde las expresiones dicen … Continue reading «AngularJS | Directiva ng-focus»
En este artículo, entenderemos qué es el alcance en Angular JS y cómo usar Scope. El alcance en Angular JS es la parte vinculante entre HTML (vista) y JavaScript (controlador) y es un objeto integrado. Contiene datos y objetos de la aplicación. Está disponible tanto para la vista como para el controlador. Es un objeto … Continue reading «¿Qué es el alcance en AngularJS?»
En Angular 2, la mejor manera de lidiar con formularios complejos es mediante el uso de formularios reactivos. A continuación, explicaremos cómo activar validadores de formulario para la página de inicio de sesión. En los formularios reactivos, usamos FormControl y al usar esto, obtenemos acceso a los subcampos del formulario y sus propiedades. Algunas de … Continue reading «¿Cómo activar validadores de formularios en Angular2?»
ngShow y ngHide son dos directivas ng en AngularJS que se usan para mostrar y ocultar los elementos respectivamente. ngShow se usa para mostrar una pestaña div vinculándola a una variable booleana en el script. Si el valor de la variable es verdadero, se muestra el elemento; de lo contrario, el elemento permanece oculto y … Continue reading «¿Cuál es el equivalente de ngShow y ngHide en Angular 2+?»
La directiva ng-transclude se usa para marcar el punto de inserción para el DOM transcluido del padre más cercano que usa transclusion . Use el nombre de la ranura de transclusión como valor del atributo ng-transclude o ng-transclude-slot . Ejemplo 1: <!DOCTYPE html> <html> <head> <meta charset=»UTF-8″> <script src= «//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js»> </script> </head> <body … Continue reading «AngularJS | Directiva ng-transclude»
Angular PrimeNG es un marco de trabajo de código abierto con un amplio conjunto de componentes nativos de la interfaz de usuario de Angular que se utilizan para lograr un gran estilo y este marco se utiliza para crear sitios web receptivos con mucha facilidad. En este artículo, sabremos cómo usar el componente Menú en … Continue reading «Componente de menú de Angular PrimeNG»
En este artículo vamos a ver qué es NgStyle en Angular 10 y cómo usarlo. NgEstilo Sintaxis: <element [ngStyle] = «typescript_property»> Acercarse: Cree la aplicación Angular que se utilizará En app.component.html crea un elemento y establece su clase usando la directiva ngStyle Sirva la aplicación angular usando ng serve para ver el resultado Ejemplo 1: … Continue reading «¿Qué es NgStyle en Angular 10?»
¿Qué es W3.CSS? W3.CSS es un marco moderno con capacidad de respuesta incorporada y fácil de aprender y usar en comparación con otros marcos CSS. Su objetivo es acelerar y simplificar el desarrollo web y admitir dispositivos receptivos modernos como dispositivos móviles, computadoras portátiles, tabletas y computadoras de escritorio. W3.CSS fue diseñado para ser una … Continue reading «AngularJS y W3.CSS»
Angular 7 es un marco web front-end basado en TypeScript de Google. Le permite crear aplicaciones de una sola página (SPA) con la ayuda del concepto de componentes. Los componentes en Angular 7 están estructurados como un árbol, es decir, hay componentes principales y secundarios en los que cada componente secundario está conectado a su … Continue reading «Angular 7 | Introducción»
Angular ng bootstrap es un marco de arranque que se usa con angular para crear componentes con un gran estilo y este marco es muy fácil de usar y se usa para crear sitios web receptivos. En este artículo, sabremos cómo usar Tooltip en angular ng bootstrap. La información sobre herramientas se utiliza para mostrar … Continue reading «Componente de información sobre herramientas de bootstrap angular ng»