我有一个全新的应用程序创建与ng-cli
用这个非常简单的代码^^
用这个非常简单的代码^^
import { Component } from '@angular/core';
@Component({
selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(private my: string) {}
}
而且我已进入控制台了
EXCEPTION：没有String的提供者！
在ng-book中,我可以阅读
export class Article {
title: string;
link: string;
votes: number;
constructor(title: string,link: string,votes?: number) {
this.title = title;
this.link = link;
this.votes = votes || 0;
}
}
看一眼
https://github.com/Microsoft/TypeScriptSamples/blob/master/greeter/greeter.ts
构造函数中的错误：
export class AppComponent {
constructor(private my: string) {}
}
private my：string不应该在构造函数中注入,但在外面,这里假设它是你想在组件中使用的变量.
export class AppComponent {
private my: string;
constructor() {
this.my = 'Hello!'; // if you want to assign a value (in the constructor) to your string,do it here!
}
}
我建议你从一开始就使用Tutorial,这样你就可以学习Angular的基础知识:)
编辑,你添加的后一部分是一个类,例如为类别文章的类型对象键入对象而不是组件,这是有效的语法：
export class Article {
title: string;
link: string;
votes: number;
constructor(title: string,votes?: number) {
this.title = title;
this.link = link;
this.votes = votes || 0;
}
}
然后,您可以将此类导入AppComponent,并用于分配Article对象.
import { Component } from '@angular/core';
import { Article } from './your.path'
@Component({
selector: 'app-root',styleUrls: ['./app.component.css']
})
export class AppComponent {
article: Article = new Article('titleHere','linkHere',3)
constructor() {}
}
