zoukankan      html  css  js  c++  java
  • 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 的服务

  • 相关阅读:
    [译]ECMAScript 6中的方法定义
    perlrequick中文版
    JavaScript:实例讲解使用ES6中默认参数和剩余参数时的注意事项
    [译]JavaScript引擎中的自动函数内联
    [译]Javascript:Harmony(ECMAScript规范)制定流程
    [译]通过学习其他语言来学习JavaScript
    [译]WebKit中的CSS预加载扫描器
    JavaScript:正则表达式的/y标识
    [译]CSS没有类
    [译]ES6:数组推导式和生成器推导式
  • 原文地址:https://www.cnblogs.com/redhat0019/p/11696648.html
Copyright © 2011-2022 走看看