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


<a [routerLink]="[ '/' ]" routerLinkActive="active">首页</a>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一.课程简介 (注意:这里的AngularJS指的是2.0以下的版本) AngularJS的优点: 模板功能强大丰...
    壹点微尘阅读 4,498评论 0 0
  • Angular7入门总结篇 6 2019.01.08 19:34:05 字数 4854阅读 46093 发表于 h...
    痞_4fc8阅读 5,410评论 0 5
  • 一、安装最新版本的 nodejs 注意:请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 来验...
    liuguangsen阅读 6,605评论 0 1
  • 环境搭建脚手架安装:npm i -g @angular/cli新建项目:ng new my-app如果安装脚手架报...
    追逐繁星的阿忠阅读 3,196评论 1 1
  • (一)angular-cli Angular 提供了一个命令行工具angular-cli,它能让用户通过命令行创建...
    _花阅读 9,736评论 0 5

友情链接更多精彩内容