angular核心概念

组件

image.png
image.png
image.png
image.png
image.png

指令

image.png

服务

image.png

依赖注入

image.png

模块

image.png
image.png
image.png

ts中interface与class的区别

interface -- 接口只声明成员方法，不做实现。

class -- 类声明并实现方法。

interface ContentInterface {
    getContent(): String;
}

class Article implements ContentInterface {
    // 必须实现getContent方法
    public function getContent(): String {
        return 'I am an article.';
    } 
}

class Passage implements ContentInterface {
    // 但实现方式可以不同
    public function getContent(): String {
        return 'I am a passage.'
    }
}

class News implements ContentInterface {
    // 没有实现getContent方法，编译器会报错
}

function print(obj: ContentInterface): void {
    // 实现了ContentInterface的对象是一定有getContent方法的
    console.log(obj.getContent());
}

let a = new Article();
let p = new Passage();

print(a); // "I am an article."
print(p); // "I am a passage."