以下在Angular 4中运行良好
<ng-container *ngFor="let user of list_users">
<div *ngIf="currentUser.username !== user.username">
<div class="card">
bla bla
</div>
</div>
</ng-container>
Run Code Online (Sandbox Code Playgroud)
Angular 5抱怨这个错误:
Can't bind to 'ngOutletContext' since it isn't a known property of 'ng-template'.
1. If 'ngOutletContext' is an Angular directive, then add 'CommonModule' to the '@NgModule.imports' of this component.
2. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
<!-- CUSTOM TEMPLATE -->
<ng-template
[ERROR ->][ngOutletContext]="{ item: model, index: index }"
[ngTemplateOutlet]="template">
"): ng:///TagInputModule/TagComponent.html@12:12
Property binding ngOutletContext not used by any directive on an embedded template. Make sure that the property name is spelled correctly and all directives are listed in the "@NgModule.declarations". ("div *ngSwitchCase="true" [attr.contenteditable]="editing">
<!-- CUSTOM TEMPLATE -->
[ERROR ->]<ng-template
[ngOutletContext]="{ item: model, index: index }"
[ngTemplateOut"): ng:///TagInputModule/TagComponent.html@11:8
at syntaxError (compiler.js:466)
at TemplateParser.parse (compiler.js:24314)
at JitCompiler._parseTemplate (compiler.js:33701)
at JitCompiler._compileTemplate (compiler.js:33676)
at eval (compiler.js:33578)
at Set.forEach (<anonymous>)
at JitCompiler._compileComponents (compiler.js:33578)
at eval (compiler.js:33448)
at Object.then (compiler.js:455)
at JitCompiler._compileModuleAndComponents (compiler.js:33447)
Run Code Online (Sandbox Code Playgroud)
查看升级步骤:https://angular-update-guide.firebaseapp.com/,我似乎没有任何相关ng-template内容.
另外,这是我正在使用的代码中唯一的位置 <ng-template></ng-template>
我怎么做到这一点?
Ram*_*ran 26
ngOutletContext已被删除,因为自v4以来已弃用.使用ngTemplateOutletContext而不是ngOutletContext角度5
检查一下:https://github.com/angular/angular/blob/master/CHANGELOG.md#500-beta5-2017-08-29
如果你愿意,可以进行讨论:无法使ngTemplateOutlet工作
| 归档时间: |
|
| 查看次数: |
13551 次 |
| 最近记录: |