Question

在Mac OS X El Capitan上，我按照这个简单应用程序的第1页到第18页的所有步骤进行操作，但在我运行“ng serve”的屏幕上，我收到此错误：

[默认]中的错误 /Users/bob/angular2_hello_world/src/app/user-item/user-item.component.ts:11:8 “UserItemComponent”类型中不存在属性“name”。

从第1页开始：

编写第一个Angular 2 Web应用程序简单的Reddit克隆

TO

第18页：

试一试 “在进行这些更改后重新加载页面，页面应显示Hello Felipe”“

Answer 1

错误是您在组件模板中使用“name”变量，但它未在组件内定义。在组件中定义并使用它：

import { Component } from '@angular/core';

@Component({
  selector: 'app-user-item-component',
  template: `
   <h1>{{name}}</h1>
  `,
  styles: []
})
export class AppComponent {

name: string = "Hello Felipe"
}

Answer 2

我有同样的问题，只需阅读ng-book2-r49，你需要在课堂上将该名称属性定义为 names：string []; 所以它看起来像这样

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-user-item',
  templateUrl: './user-item.component.html',
  styleUrls: ['./user-item.component.css']
})
export class UserItemComponent implements OnInit {
  name: string;

  constructor() {
    this.name = 'Felipe'; // set the name
  }

  ngOnInit() {
  }

}

Angular2 ng-book-2简单示例第1章应用程序，它在浏览器中运行良好，但为什么我会收到此错误？

2 个答案: