Please enable JavaScript.

Coggle requires JavaScript to display documents.

Angular (componentes ($scope (todas las propiedades interactuan entre…

- - - - crea un controlador
  - - - transforman un array en otro
        
        ng-repeat="item in lista | filter:campo"
        
        permite realizarar busquedas
        por un atributo de la lista
    - - los que vienen con angular
        
        uppercase
        
        lowercase
        
        currency
      - personalizados
  - - - del framework
        
        directivas - controlador - modelo - vista
        
        ng-model
        
        enlaza campos de entrada en la vista con variables en el controlador
        
        si el campo no existe en el scope del controlador, el ng-model lo crea automaticamente
        
        este se aplica sobre los inputs, los demas se aplican sobre cualquier div
        
        ng-bind
        
        reemplaza el elemento html por la expresion angular
        
        equivalente a {{}}
        
        evita que se renderize {{}} durante la carga de la pagina
        
        ng-app
        
        enlace una pagina html con
        una aplicacion angular
        
        si no existe esta directiva el
        motor de angular
        no se ejecutara
        
        puede estar en la parte superior del
        DOM "html" o en cualquier subregion
        
        bootstraps el DOM de la aplicación
        
        ng-app=""
        
        si no se define ningun modulo se crea uno por defecto para poder usar las expresiones angular y las demas directivas
        
        ng-init
        
        inicializa variables del scope
        
        se suele definir junto con ng-controller
        
        sobreescribe los valores que se definen en el controlador
        
        los valores definidos aqui tienen la mayor precedencia
        
        ng-init="a=10;alumnos=[{'nombre':'daniel'},{'nombre':'andres'}]"
        
        se pueden inicializar varias variables separadas por ;
        
        ng-include
        
        <div ng-include=""></div>
        
        la vista incluida puede tener su propio controlador
        
        directivas - control
        
        ng-repeat
        
        <li ng-repeat="item in lista">
        
        dentro del contexto de cada item se puede interactuar con sus propiedades
        
        duplica el elemento por cada item de la lista
        
        directivas - estilo
        
        ng-show
        
        muestra el elmento html si true
        
        ng-hide
        
        esconde el elemento html si true
        
        ng-disabled="propiedadModelo"
        
        deshabilita el elemento html
        
        directivas - eventos
        
        ng-click
        
        esta accion puede asociarse con cualquier elemento html
        no tiene que ser un boton
        
        puede llamarse un metodo o escribir el codigo dentro de ""
        
        ejecuta una accion del scope al hacer clic
        
        ng-dbl-click
        
        ng-mousedown
        
        ng-mouseup
        
        ng-mouseenter
        
        ng-mouseleave
        
        ng-mousemove
        
        ng-mouseover
        
        ng-keydown
        
        ng-keyup
        
        ng-keypress
        
        ng-change
      - personalizadas
  - - - {{9*9}}
      - {{"nose"+variable}}
      - {{lista[0]}}
      - {{objeto.propiedad}}
- - - - conexiones ajax
  - - - se basa en this usando el contexto
        de la funcion como objeto
    - - retorna un objeto
- - - - si no se pasa [] se asume que
        se esta modificando un modulo ya
        creado
- - - - facilita la escalabilidad
  - - - app.value("", "")
      - define un valor que se puede compartir entre varios controladores
    - - objeto singleton bajo demanda
    - - objeto funcion singleton bajo demanda
    - - generalizacion de value/factory/service
      - app.config(f($provide){$provide.provider("Servicio", function(){this.$get=function()})})
      - el proveedor siempre retorna algo, bien sea this para el servicio o un objeto construido equivalente a factory o value
    - - app.constant("", {})
      - tiene la mayor prioridad, se puede inyectar en un provider
- - - - se carga angular
        
        angular busca ng-app
        
        angular busca ng-controllers
        
        angular sobreescribe el dom de acuerdo a los datos que el modelo del controller provee
        
        angular busca expresiones
  - - - desarrollos independientes
    - - Model
        
        cambia sus datos dependiente la View o el Controller
      - Controller
        
        tiene un estado
        
        cambia los datos de la vista segun su estado
      - View
        
        Porcion del DOM que interactura con el scope del controller asociado
- - - - permite que el routeProvider inyecte alli los templates
      - puede convivir con otras etiquetas en la misma pagina permitiendo agregar el menu
    - - maneja un template en una etiqueta scirpt
    - - inyecta los templates dependiendo la ruta a la que
        esta accediendo el usuario
    - - los enlaces de las views
        deben tener la sintaxis anterior
- - - - true si ya el usuario interactuo con el campo
    - - true si el valor del campo es invalido
    - - continene un conjunto de propiedades booleanas,
        dichas propiedades se ponen en true si se invalidan
        
        email
        
        required
        
        regex
        
        number