大家好我正在研究angular2现在我正在使用*ngIf
并且我有这个代码
<div *ngIf='courses.length > 0 ; then #coursesList else #noCourses'>
</div>
<ng-template #coursesList>
<h1>List of courses</h1>
</ng-template>
<ng-template #noCourses>
<h2>No courses yet</h2>
</ng-template>
这是我的component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css'],
})
export class AppComponent {
title = 'app hello';
courses=[];
}
我的问题是当我运行网站时出现此错误:
Uncaught Error: Template parse errors:
Parser Error: Unexpected token # at column 27 in [courses.length > 0 ; then
#coursesList else #noCourses] in ng:///AppModule/AppComponent.html@1:5 ("
<h1>Angular</h1>
<div [ERROR ->]*ngIf='courses.length > 0 ; then #coursesList else
#noCourses'>
</div>
"): ng:///AppModule/AppComponent.html@1:5
我不明白为什么我跟着指南不想使用复制粘贴,因为我需要知道为什么会发生这个
答案 0 :(得分:3)
您需要移除coursesList
和noCourses
前面的#。 #仅用于ng-template标签。
<div *ngIf='courses.length > 0 ; then coursesList else noCourses'>
</div>