En este artículo, vamos a ver qué es NgIf en Angular 10 y cómo usarlo. Directiva ngIf Sintaxis: <li *ngIf=’condition’></li> NgModule: El módulo utilizado por NgIf es: CommonModule Selectores: [ngIf] Acercarse: Cree una aplicación angular para usar. No hay necesidad de ninguna importación para que se use el NgIf . En app.component.ts, defina la variable … Continue reading «Directiva angular de 10 NgIf»
En este artículo, aprenderemos cómo Observable admite el intercambio de datos entre editores y suscriptores en una aplicación angular. Se hace referencia a un Observable como una mejor técnica para el manejo de eventos, la programación asíncrona y el manejo de múltiples valores en comparación con técnicas como las promesas. Observable: representa un flujo o … Continue reading «¿Cómo crear un flujo de datos observable usando el método fromEvent en AngularJS?»
En este artículo vamos a ver qué es formatPercent en Angular 10 y cómo usarlo. formatPercent se usa para formatear un número como un porcentaje de acuerdo con las reglas locales. Sintaxis: formatPercent(value, locale, digitsInfo) Parámetros: valor: lugar: Valor devuelto: NgModule: el módulo utilizado por formatPercent es: CommonModule Acercarse: Cree la aplicación Angular que se … Continue reading «Método Angular 10 formatPercent()»
Directiva ng-if: la directiva ng-if en AngularJS se usa para eliminar o recrear una parte del elemento HTML en función de una expresión. Si la expresión que contiene es falsa, el elemento se elimina y, si es verdadera, el elemento se agrega al DOM. Sintaxis: <element ng-if=»expression»> Contents… </element> Acercarse: Considere una lista de verificación … Continue reading «¿Cómo verificar un elemento con ng-if está visible en DOM?»
La tarea es crear un botón dinámicamente con un evento de clic usando angular. En estos ejemplos, cuando alguien hace clic en el botón, se crea un nuevo botón. La forma más fácil de crear un botón en AngularJS es usar la directiva ng-repeat . Podemos conectar fácilmente una lógica de repetición dentro de un … Continue reading «¿Cómo crear un botón dinámicamente con un evento de clic en Angular?»
Angular hace que la comunicación entre componentes sea muy fácil. En este artículo, aprenderemos cómo comunicarse desde un componente principal al componente secundario. Acercarse: Vamos a crear dos componentes: padre niño En el componente principal, declare la propiedad que desea recibir en el componente secundario, diga ‘ParentId’. Mientras incluye el componente secundario dentro del componente … Continue reading «¿Cómo comunicarse desde el componente principal al componente secundario en Angular 9?»
La tarea es agregar un campo de entrada en la página cuando el usuario hace clic en el botón usando AngularJs. Pasos: Se crea el componente necesario para la operación (add-inputComponent) . En ese componente, se escribe el archivo html (add-input.component.html) html requerido. En ese HTML, el div principal para los campos de entrada está … Continue reading «¿Cómo agregar campos de entrada dinámicamente al hacer clic en el botón en AngularJS?»
La tarea es ejecutar/llamar a una función JS en la carga de la página usando AngularJS. Esta función se puede utilizar para realizar la inicialización. Llamar a una función o inicializar un solo valor en la carga de la página en AngularJS es bastante fácil. AngularJS nos proporciona una directiva dedicada para esta tarea específica. … Continue reading «¿Cómo ejecutar la función del controlador AngularJS en la carga de la página?»
En este artículo, estamos discutiendo cómo cambiar la ID de cualquier elemento dinámicamente usando AngularJS. Enfoque 1: En este enfoque, se llama a una función cuando se hace clic en el botón, lo que cambia la ID del elemento a id-5 . Estamos llamando a una función en la variable de alcance y cambiando la … Continue reading «¿Cómo establecer el atributo id de un elemento dinámicamente usando AngularJS?»
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 Collapse en angular ng bootstrap. Collapse se usa para crear un botón que … Continue reading «Angular ng Bootstrap Collapse Componente»