estoy intentando crear un Nav Tab desde un bucle con NgFor en Angular 7+ pero cuando intento bindear la propiedad aria-controls me da siempre error, adjunto código y error.
CODIGO
<a *ngFor="let video of videos; let i = index"
[ngClass]="{active: i == 0}"
class="nav-link"
id="programación-horaria-tab"
data-toggle="pill"
href="#programación-horaria"
role="tab"
aria-controls="{{video.name}}"
aria-selected="false">Programación horaria</a>
ERROR
Can't bind to 'aria-controls' since it isn't a known property of 'a'. (" href="#programación-horaria" role="tab" [ERROR ->]aria-controls="{{video.name}}" aria-selected="false">Programación horaria) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:25787) at compiler.js:25697 at Object.then (compiler.js:2418) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:25696)
Si lo intento bindear de otra manera me pasa lo mismo adjunto codigo.
CODIGO
<a *ngFor="let video of videos; let i = index"
[ngClass]="{active: i == 0}"
class="nav-link"
id="programación-horaria-tab"
data-toggle="pill"
href="#programación-horaria"
role="tab"
[aria-controls]="video.name"
aria-selected="false">Programación horaria</a>
ERROR
Can't bind to 'aria-controls' since it isn't a known property of 'a'. (" href="#programación-horaria" role="tab" [ERROR ->][aria-controls]="video.name" aria-selected="false">Programación horaria "): ng:///AppModule/ProductComponent.html@58:24 at syntaxError (compiler.js:2427) at TemplateParser.push../node_modules/@angular/compiler/fesm5/compiler.js.TemplateParser.parse (compiler.js:20311) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._parseTemplate (compiler.js:25857) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileTemplate (compiler.js:25844) at compiler.js:25787 at Set.forEach () at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileComponents (compiler.js:25787) at compiler.js:25697 at Object.then (compiler.js:2418) at JitCompiler.push../node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js:25696)