2

Tengo una duda:

<p appAttributeDirectives [color]  =  green >

Miren el atributo color esta en una directiva que adentro tiene un input que seria el alias y el atributo green es del component.Ts no entiendo porque yo al sacar los corchetes

<p appAttributeDirectives color  =  green >

igual funciona

y tambien si le agrego comillas al atributo gree igual funciona

<p appAttributeDirectives color  =  "green" >

en eso tres casos funciona pero no entiendo con que propósito irían esos corchetes y esas comillas si de todas formas igual funcionaria si esos símbolos osea así:

<p appAttributeDirectives [color]  =  green > 
1
  • Por favor, no escribas todo en mayúsculas. ¿Podrías editar tu pregunta? Además, no se está mostrando tu código porque hay que seleccionarlo y presionar el botón {}
    – Mariano
    el 18 ene. 2018 a las 16:06

1 respuesta 1

1

Las comillas en los atributos de las plantillas de son sólo obligatorias si el texto asignado tiene espacios. Por ejemplo, esto no funcionaría:

<tag *ngFor=let item of list>

Pero lo normal, por mantener cierta homogeneidad y claridad en el formato, es usar las comillas siempre.

Por otro lado tienes los corchetes:

<miComponente [color]="identificador">

El código anterior significa que en el componente actual hay un atributo llamado identificador y que su valor queda asociado al atributo color del componente hijo miComponente. Si el valor de identificador es modificado en algún momento, también lo será el valor de color. En el caso de que el atributo color sea un string y no quieras que varíe, puedes hacer lo siguiente:

<miComponente color="green">

Pero entonces estás asignando a color el valor "green" de manera constante.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.