Please enable JavaScript.

Coggle requires JavaScript to display documents.

ember (componentes (route (life cycle (model (params (params.id)),…

- - - - expresion {{}}
        
        se usa para
        
        expresiones js
        
        se toman valores constantes o propiedades del controlador con el mismo nombre del template
        
        componentes
        
        helpers
      - each
        
        recorre listas
      - each-in
        
        recorre diccionarios
      - condicionales
        
        inline
        
        {{if condicion 'valor'}}
        
        {{if condicion 'valorV' 'valofF'}}
        
        block
        
        {{#if condicion}}
        {{/if}}
      - acciones
        
        {{action 'metodoComponente'}}
      - {{outlet}}
      - {{#link-to}}
      - actions
        
        {{action "metodo" param on="camelCase" }}
        
        actions:{metodo(param){}} (en controller)
        
        permite invoca un metodo del
        controlador cuando el usuario
        hace click
        
        "allowedKeys" al presionar una tecla el click se bloquea,
        con esta propiedad ya no se bloquea
        
        "preventDefault"=true(por defecto) evita que se ejecuten las acciones
        del navegador, si se pone en false, ejecuta las acciones
        
        detiene las acciones del navegador por defecto
        
        se puede poner sobre cualquier
        etiqueta
        
        campo entrada nativo con accion ember
        
        utiles para one-way
      - input helpers
        
        campo de entrada
        
        {{input value=value}}
        
        area de texto
        
        {{textarea value=value}}
        
        checkbox
        
        {{input type="checkbox" value=value}}
        
        eventos
        
        key-press
        
        se separan por un guion
      - helpers para desarrollo
        
        log
        
        {{log "mensaje" var}}
        
        muestra en mensaje en la consola
        
        depuracion
        
        {{debugger}}
        
        get()
        
        permite obtener una propiedad del contexto
    - - template comun
  - - - llama router handler
        
        renderiza un template
        
        lo pasa a un route y luego renderiza el template
      - le añade parametros
        
        estos parametros los recibe el router con los mismos nombres
  - - - beforeModel
      - model
        
        params
        
        params.id
    - - replaceWith
        
        reemplaza el historial
      - transitionTo
        
        agrega un nuevo item al historial
    - - this.route("x", function(){this.route("subruta", ...)})
    - - this.route("x", {path:"/:id"})
  - - - parametros
        
        [a,b] (explotados)
        
        params array cuando son varios
    - - outlet
      - link-to
      - {{get dict propiedad }}
      - concat
      - if
        
        inline
        
        como el condicional ternario
        dependiendo la condicion pone un valor
        u otro
        
        block
        
        muestra un bloque u otro dependiendo la condicion
      - each
      - bound componentes
        
        se refrescan solos
  - - - {{nombre arg=val}}
      - {{yield}}
        
        renderiza el contenido que se le pasa al componente
      - actions
      - toggleProperty
- - - - application.hbs
- - - - template
      - ruta
      - test
- - - - equal