angular安装和创建项目

创建组件

ng  g component components/news

ng serve 重启

错误：An unhandled exception occurred: spawn EPERM See  

解决方法

重启

删除node_modules和package-lock.json文件,再重启

手动创建组件

1、创建hrml,ts,css文件

2、module中引入Conponent

浏览器中查看效果

premise方式

services.js中

getPromiseData() {

    return new Promise((resolve, rejects) => {

      setTimeout(() => {

        let name = '张三'

        resolve(name)

      }, 1000)

    } )

  }

调用

 let premiseData = this.storage.getPromiseData();

        premiseData.then(data => {

            console.log(data)

        })

rxjs方式

import { Observable } from 'rxjs';

 getRxjsData() {

    return new Observable((observe: any) => {

      setTimeout(() => {

        let userName = '张三----Observable'

        observe.next(userName)

        // observe.error();//失败

      }, 2000)

    })

  }

调用

let rxjsData = this.storage.getRxjsData();

        rxjsData.subscribe((data: any) => {

            console.log(data)

        })

import { HttpClientModule } from '@angular/common/http';

sservices.ts

首页