property por interpolacion data angular angular-ui-bootstrap dropdown

angular - por - Error del analizador: se obtuvo una interpolación({{}}) donde se esperaba la expresión



interpolacion angular 7 (4)

Creo que se olvidó de declarar el index de ngFor

*ngFor="let item of [''Elastic Search'',''Database Theory'',''CVS''];let $index=index" ...

tambien uso,

[attr.aria-labelledby]="desiredSkill{{$index}}"

Estoy usando ng-bootstrap como sustituto de ui-bootstrap en angular2.

Mi html es el siguiente:

<ul class="list-inline"> <li class="tag" ngb-dropdown auto-close="outsideClick" *ngFor="let item of [''Elastic Search'',''Database Theory'',''CVS'']; let $index=index;" [ngClass]="{''default-tag'': $index==0, ''matched-tag'': $index==1, ''unmatched-tag'': $index==2 }"> <a href ngb-dropdown-toggle id="desiredSkill{{$index}}"> <i class="bi_interface-tick following"></i> {{item}} <i class="bi_interface-more tag-menu-icon"></i> </a> <ul class="dropdown-menu tag-menu" ngb-dropdown-menu [aria-labelledby]="desiredSkill{{$index}}"> <li><a href>Follow Skill</a></li> <li><a href>Related Jobs</a></li> </ul> </li> </ul>

Pero cuando ejecuto mi aplicación me sale el siguiente error:

main.browser.ts: 25 Error: Error de análisis de la plantilla: Error del analizador: Se obtuvo una interpolación ({{}}) donde se esperaba la expresión en la columna 12 en [desiredSkill {{$ index}}] en JobDescription @ 174: 77 ("] [ aria-labelledby] = "desiredSkill {{$ index}}">

  • "): JobDescription @ 174: 77 Error del analizador: Señal inesperada ''{'' en la columna 13 en [desiredSkill {{$ index}}] en JobDescription @ 174: 77 ("
    ] [aria-labelledby] = "desiredSkill {{$ index}}">
  • "): JobDescription @ 174: 77 No se puede enlazar con ''aria-labelledby'' ya que no es una propiedad conocida de ''ul''. ("] [Aria-labelledby] = "desiredSkill {{$ index}}">
  • "): JobDescription @ 174: 77 Error del analizador: Se produjo una interpolación ({{}}) donde se esperaba la expresión en la columna 12 en [desiredSkill {{$ index}}] en JobDescription @ 174: 77 ("

    <div class="row"> <div class="col-lg-4 col-xs-4" [ERROR ->]*ngFor="let i of [0,1,3]"> <img src="http://ecx.images-amazon.com/images/I/81VFU9"):

    JobDescription @ 215: 49 Error del analizador: Señal inesperada ''{'' en la columna 13 en [desiredSkill {{$ index}}] en JobDescription @ 174: 77 ("

    <div class="row"> <div class="col-lg-4 col-xs-4" [ERROR ->]*ngFor="let i of [0,1,3]"> <img src="http://ecx.images-amazon.com/images/I/81VFU9"):

    JobDescription @ 215: 49 Error del analizador: se produjo una interpolación ({{}}) donde se esperaba la expresión en la columna 12 en [desiredSkill {{$ index}}] en JobDescription @ 174: 77 ("ERROR -> =" main.applyJob ( ) "> Solicitar trabajo ERROR -> =" main.applyJob () "> Solicitar trabajo] [hidden] ="! IfNotApplied "> Applied] [hidden] ="! IfNotApplied "> Applied] [hidden] ="! ifNotUploaded "> Cargar CV] [oculto] ="! ifNotUploaded "> Cargar CV ¿Tiene preguntas sobre este trabajo?

    [ERROR ->] ¿Tiene preguntas sobre este trabajo? [ERROR ->]

  • No se puede usar la interpolación dentro del enlace de propiedad standart. Debe haber expresión.

    Parece que debería ser:

    [attr.aria-labelledby]="''desiredSkill'' + $index"

    o

    attr.aria-labelledby="desiredSkill{{$index}}"


    Por lo general, este error se produce cuando intentamos implementar el enlace de datos de Interpolación y de Propiedad en la misma propiedad html.

    Ejemplo:

    Implementación errónea

    [disabled]= {{isDisabled}}

    Implementación correcta

    disabled= {{isDisabled}}

    Nota: quite el corchete de la propiedad del elemento html


    Utilizar esta

    <button class="btn btn-primary" title="Edit" (click)="showEditModal(record.id)"><i class="fa fa-edit"></i></button>