angular js 安装

使用:

  1. cmd 进入所建项目目录 执行   ng new website(website 为项目名称)

  2,进入1 所建项目目录中, 执行 ng serve  启动项目

  3,浏览器 输入  http://localhost:4200  就可以进入项目页面了

代码使用方法:

  1. 将数据输出到页面

export class AppComponent {
  username = "hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh"  //输出字符串
  login():void{                     //方法调用
    alert("iiiiiiiiiiiiiiiiiiiiiiiiiiiii")
  }
}
<button (click)="login()">{{username}}</button>

  

  2. 添加依赖,  例如要添加 bootstrap 

    1》 进入生成的 web 工程目录, 例如 D: oolsidea_workspaceMovieRecommendSystemwebsitewebsite>

    2》执行 npm install bootstrap --save  就将会自动到 bootstrap 库中查找并加入

  3. 创建 module  dos进入 web 工程目录 例如:D: oolsidea_workspaceMovieRecommendSystemwebsitewebsite>

    执行:ng g module AppRouting,  就会在  website/website/src/app/app-routing/app-routing.module.ts   目录下创建了一个  app-routing.module.ts  moudle

  3. 创建模块   dos进入 web 工程目录 例如:D: oolsidea_workspaceMovieRecommendSystemwebsitewebsite>

    执行:ng g component home ,    就会在 website/website/src/app/     下创建出一个 home 模块

  4. 创建服务  dos进入 web 工程目录 例如:D: oolsidea_workspaceMovieRecommendSystemwebsitewebsite>

    执行:ng g service service/login  就会在 website/website/src/app/     下创建出一个目录service, service 下回创建出 login 的服务

原文地址:https://www.cnblogs.com/redhat0019/p/11696648.html