in

Preguntas de la entrevista de AngularJS


Estimados lectores, estos Preguntas de la entrevista de AngularJS han sido diseñados especialmente para familiarizarlo con la naturaleza de las preguntas que puede encontrar durante su entrevista para el tema de AngularJS. Según mi experiencia, los buenos entrevistadores difícilmente planean hacer una pregunta en particular durante su entrevista, normalmente las preguntas comienzan con algún concepto básico del tema y luego continúan basándose en una discusión adicional y lo que usted responde.

AngularJS es un marco para crear aplicaciones web a gran escala y de alto rendimiento mientras las mantiene tan fáciles de mantener. A continuación se muestran las características del marco AngularJS.

  • AngularJS es un potente marco de desarrollo basado en JavaScript para crear una aplicación de Internet RICA (RIA).

  • AngularJS proporciona a los desarrolladores opciones para escribir aplicaciones del lado del cliente (usando JavaScript) de una manera limpia MVC (Model View Controller).

  • La aplicación escrita en AngularJS es compatible con varios navegadores. AngularJS maneja automáticamente el código JavaScript adecuado para cada navegador.

  • AngularJS es de código abierto, completamente gratuito y utilizado por miles de desarrolladores en todo el mundo. Tiene licencia de Apache License versión 2.0.

El enlace de datos es la sincronización automática de datos entre el modelo y los componentes de la vista. La directiva ng-model se utiliza en el enlace de datos.

Los ámbitos son objetos que hacen referencia al modelo. Actúan como pegamento entre el controlador y la vista.

Los controladores son funciones de JavaScript que están vinculadas a un ámbito particular. Son los actores principales en el marco AngularJS y llevan funciones para operar con datos y decidir qué vista se actualizará para mostrar los datos basados ​​en el modelo actualizado.

AngularJS viene con varios servicios integrados. Por ejemplo, $ https: el servicio se utiliza para realizar XMLHttpRequests (llamadas Ajax). Los servicios son objetos singleton que se instancian solo una vez en la aplicación.

Los filtros seleccionan un subconjunto de elementos de una matriz y devuelven una nueva matriz. Los filtros se utilizan para mostrar elementos filtrados de una lista de elementos según criterios definidos.

Las directivas son marcadores en elementos DOM (como elementos, atributos, css y más). Estos se pueden utilizar para crear etiquetas HTML personalizadas que sirven como nuevos widgets personalizados. AngularJS tiene directivas integradas (ng-bind, ng-model, etc.) para realizar la mayor parte de las tareas que los desarrolladores tienen que hacer.

Las plantillas son la vista renderizada con información del controlador y el modelo. Estos pueden ser un solo archivo (como index.html) o múltiples vistas en una página usando «parciales».

Es el concepto de cambiar de vista. El controlador basado en AngularJS decide qué vista renderizar en función de la lógica empresarial.

Los enlaces profundos le permiten codificar el estado de la aplicación en la URL para que se pueda marcar como favoritos. Luego, la aplicación se puede restaurar desde la URL al mismo estado.

A continuación se muestran las ventajas de AngularJS.

  • AngularJS proporciona la capacidad de crear aplicaciones de una sola página de una manera muy limpia y fácil de mantener.

  • AngularJS proporciona capacidad de enlace de datos a HTML, lo que brinda al usuario una experiencia rica y receptiva.

  • El código de AngularJS se puede probar en unidades.

  • AngularJS usa la inyección de dependencia y hace uso de la separación de preocupaciones.

  • AngularJS proporciona componentes reutilizables.

  • Con AngularJS, el desarrollador escribe menos código y obtiene más funcionalidad.

  • En AngularJS, las vistas son páginas html puras y los controladores escritos en JavaScript hacen el procesamiento comercial.

  • Las aplicaciones de AngularJS pueden ejecutarse en todos los principales navegadores y teléfonos inteligentes, incluidos teléfonos / tabletas basados ​​en Android e iOS.

A continuación se muestran las desventajas de AngularJS.

  • No es seguro – Al ser solo un marco de JavaScript, las aplicaciones escritas en AngularJS no son seguras. La autenticación y autorización del lado del servidor es imprescindible para mantener segura una aplicación.

  • No degradable – Si el usuario de su aplicación deshabilita JavaScript, el usuario solo verá la página básica y nada más.

A continuación se muestran las tres directivas principales de AngularJS.

  • ng-app – Esta directiva define y vincula una aplicación AngularJS a HTML.

  • ng-modelo – Esta directiva vincula los valores de los datos de la aplicación AngularJS a los controles de entrada HTML.

  • ng-bind – Esta directiva vincula los datos de la aplicación AngularJS a las etiquetas HTML.

Cuando la página se carga en el navegador, suceden las siguientes cosas:

  • El documento HTML se carga en el navegador y el navegador lo evalúa. Se carga el archivo JavaScript de AngularJS; el angular global se crea el objeto. A continuación, se ejecuta JavaScript que registra las funciones del controlador.

  • Siguiente AngularJS escanea a través del HTML para buscar aplicaciones y vistas de AngularJS. Una vez que se encuentra la vista, la conecta a la función del controlador correspondiente.

  • A continuación, AngularJS ejecuta las funciones del controlador. Luego renderiza las vistas con datos del modelo poblado por el controlador. La página se prepara.

METROodel Vver Controller o MVC, como se le llama popularmente, es un patrón de diseño de software para desarrollar aplicaciones web. Un patrón de controlador de vista de modelo se compone de las siguientes tres partes:

  • Modelo – Es el nivel más bajo del patrón responsable de mantener los datos.

  • Vista – Es el responsable de mostrar al usuario todos o una parte de los datos.

  • Controlador – Es un código de software que controla las interacciones entre el modelo y la vista.

La directiva ng-app define y vincula una aplicación AngularJS a HTML. También indica el inicio de la aplicación.

La directiva ng-model vincula los valores de los datos de la aplicación AngularJS a los controles de entrada HTML. Crea una variable de modelo que se puede usar con la página html y dentro del control del contenedor (por ejemplo, div) que tiene la directiva ng-app.

La directiva ng-bind vincula los datos de la aplicación AngularJS a las etiquetas HTML. ng-bind actualiza el modelo creado por la directiva ng-model para que se muestre en la etiqueta html cada vez que el usuario ingresa algo en el control o actualiza los datos del control html cuando el controlador actualiza los datos del modelo.

La directiva ng-controller le dice a AngularJS qué controlador usar con esta vista. La aplicación AngularJS se basa principalmente en controladores para controlar el flujo de datos en la aplicación. Un controlador es un objeto JavaScript que contiene atributos / propiedades y funciones. Cada controlador acepta $ scope como un parámetro que se refiere a la aplicación / módulo que el controlador debe controlar.

AngularJS es una biblioteca pura basada en javaScript que se integra fácilmente con HTML.

Paso 1 – Incluir la biblioteca javascript de angularjs en la página html

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

Paso 2 – Apuntar a la aplicación AngularJS

A continuación, le contamos qué parte del HTML contiene la aplicación AngularJS. Esto se hace agregando el ng-app atributo al elemento HTML raíz de la aplicación AngularJS. Puede agregarlo a html elemento o cuerpo elemento como se muestra a continuación:

<body ng-app = "myapp">
</body>

La directiva ng-init inicializa los datos de una aplicación AngularJS. Se utiliza para poner valores a las variables que se utilizarán en la aplicación.

La directiva ng-repeat repite elementos html para cada elemento de una colección.

Las expresiones se utilizan para vincular los datos de la aplicación a html. Las expresiones se escriben entre llaves dobles como {{expresión}}. Las expresiones se comportan de la misma forma que las directivas ng-bind. Las expresiones de la aplicación AngularJS son expresiones de JavaScript puras y generan los datos donde se utilizan.

El filtro de mayúsculas convierte un texto en texto en mayúsculas.

En el siguiente ejemplo, hemos agregado un filtro en mayúsculas a una expresión usando un carácter de barra vertical. Aquí hemos agregado un filtro de mayúsculas para imprimir el nombre del estudiante en todas las letras mayúsculas.

Enter first name:<input type = "text" ng-model = "student.firstName">
Enter last name: <input type = "text" ng-model = "student.lastName">
Name in Upper Case: {{student.fullName() | uppercase}}

El filtro de minúsculas convierte un texto en texto en minúsculas.

En el siguiente ejemplo, hemos agregado un filtro en minúsculas a una expresión usando un carácter de barra vertical. Aquí hemos agregado un filtro de minúsculas para imprimir el nombre del estudiante en todas las letras minúsculas.

Enter first name:<input type = "text" ng-model = "student.firstName">
Enter last name: <input type = "text" ng-model = "student.lastName">
Name in Upper Case: {{student.fullName() | lowercase}}

El filtro de moneda da formato al texto en un formato de moneda.

En el siguiente ejemplo, hemos agregado un filtro de moneda a una expresión que devuelve un número mediante el carácter de barra vertical. Aquí hemos agregado un filtro de moneda para imprimir tarifas usando el formato de moneda.

Enter fees: <input type = "text" ng-model = "student.fees">
fees: {{student.fees | currency}}

filter filter se utiliza para filtrar la matriz a un subconjunto de la misma en función de los criterios proporcionados.

En el siguiente ejemplo, para mostrar solo los temas obligatorios, usamos subjectName como filtro.

Enter subject: <input type = "text" ng-model = "subjectName">
Subject:
<ul>
   <li ng-repeat = "subject in student.subjects | filter: subjectName">
      {{ subject.name + ', marks:' + subject.marks }}
   </li>
</ul>

orderby filter ordena la matriz según los criterios proporcionados.

En el siguiente ejemplo, para ordenar los temas por marcas, usamos orderBy marks.

Subject:
<ul>
   <li ng-repeat = "subject in student.subjects | orderBy:'marks'">
      {{ subject.name + ', marks:' + subject.marks }}
   </li>
</ul>

La directiva ng-disabled deshabilita un control determinado.

En el siguiente ejemplo, agregamos el atributo ng-disabled a un botón HTML y le pasamos un modelo. Luego, adjuntamos el modelo a una casilla de verificación y podemos ver la variación.

<input type = "checkbox" ng-model = "enableDisableButton">Disable Button
<button ng-disabled = "enableDisableButton">Click Me!</button>

La directiva ng-show muestra un control dado.

En el siguiente ejemplo, agregamos el atributo ng-show a un botón HTML y le pasamos un modelo. Luego, adjuntamos el modelo a una casilla de verificación y podemos ver la variación.

<input type = "checkbox" ng-model = "showHide1">Show Button
<button ng-show = "showHide1">Click Me!</button>

La directiva ng-hide oculta un control dado.

En el siguiente ejemplo, agregamos el atributo ng-hide a un botón HTML y le pasamos un modelo. Luego, adjuntamos el modelo a una casilla de verificación y podemos ver la variación.

<input type = "checkbox" ng-model = "showHide2">Hide Button
<button ng-hide = "showHide2">Click Me!</button>

La directiva ng-click representa un evento de clic de AngularJS.

En el siguiente ejemplo, agregamos el atributo ng-click a un botón HTML y agregamos una expresión para actualizar un modelo. Entonces podemos ver la variación.

<p>Total click: {{ clickCounter }}</p></td>
<button ng-click = "clickCounter = clickCounter + 1">Click Me!</button>

l

angular.module se utiliza para crear módulos AngularJS junto con sus módulos dependientes. Considera lo siguiente…

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

configuracion inicial

¿Cómo configuro Facebook en español y mejoro mi privacidad en la red social? Guía paso por paso

apple touch icon@2

python: ¿cómo leer un archivo de texto en una variable de cadena y eliminar nuevas líneas?