angular - Angular2网页未加载
问题描述
我的 Angular2 网页不再加载。一切正常,然后在我保存了一些代码后,页面无法加载。
我试图检查我的代码中的错误并修复它们,但我的网页仍然无法加载。
课程.component.ts
import {CourseService} from './course.service'
@Component({
selector: 'courses',
template: `
<h2> Courses </h2>
{{title}}
<ul>
<li *ngFor = "#course of courses">
{{course}}
</li>
</ul>
` ,
providers: [CourseService]
// we use the backtick "`" to breakup the template into multiple lines
// to render the title we used double curly braces also known as "interpolation"
})
export class CoursesComponent {
// this is a module. It'll be able to be imported to other places
title: string = "The title of the courses page";
courses =["Course1", "Course2", "Course3"];
constructor(courseService: CourseService) {
this.courses = courseService.getCourses();
}
}```
--course.service.ts--
```export class CourseService {
getCourses() : string[] {
return ["Course1","Course2", "Course3"];
// this is a service class created to be used with our component
}
}```
import {Component} from 'angular2/core';
import {CoursesComponent} from './courses.component'
@Component({
selector: 'my-app',
template: '<h1>My Hello Angular</h1><courses></courses>',
directives: [CoursesComponent]
})
**app.component.ts**
```export class AppComponent {
// the app component is the root of your application
// it controls the entire app/page
}```
Please excuse my formatting is it is not correct. Does anyone know what may be causing my web-page to no longer load?
解决方案
带有# 的“#course”语法是我以前从未见过的语法。尝试这样做:
<li *ngFor="let course of courses">
{{course}}
</li>
推荐阅读
- powershell - 使用管道对象填充 mail -to 和 -attachment
- vba - VBA:添加到用户窗体的标题,当前文本已经作为标题
- c++ - WiringPi C++串口函数随机停止工作
- c# - 为什么“在哪里”改变原始数据类型
- python - 在python中按特定顺序查找子字符串
- javascript - 你如何比较两个数组,并找出有多少值是相似的?
- excel - 使用 .PasteSpecial 时,运行时错误 438 对象不支持此属性或方法
- swift - 如何检测来自 NSWindowController 内的 NSToolbarItem 的点击?
- ruby - 当方法仅返回 false 时,如何调试 ruby-ldap?
- python - 如何使用 matplotlib hlines 生成子图