ANGULAR
文章平均质量分 64
轩轩990218
五年经验前端工程师,各类组件库,框架教学式博客
展开
-
Angular DAY06
Angular06 商品列表 http://101.96.128.94:9999/data/product/list.php?pno=2 商品详情 • 组件名: detail 需要生成: ionic g page detail • 跳转需要传参: routerLink="[路径, 参数对象]" • 接口地址: http://101.96.128.94:9999/data/product/details.php?lid=8 – 参数 lid 需要在跳转时传入 – 通过服务读取 路由参数 • 图片需要拼接前缀路原创 2021-06-09 10:06:26 · 196 阅读 · 0 评论 -
Angular DAY05
Angular05 ionic 就是基于angular的一个自带手机端样式的组件库; 循环滚动 https://ionicframework.com/docs/api/slides <ion-app> <ion-header> <ion-toolbar> <ion-title>段子</ion-title> </ion-toolbar> </ion-header> <ion-co原创 2021-06-08 09:21:21 · 293 阅读 · 0 评论 -
Angular DAY04
Angular04 命令行 说明 ng new 项目名 生成项目包 ng s -o 启动项目 ng g c 组件 生成组件 ng g p 管道 生成管道 {{xxx| 管道}} ng g d 指令 生成指令 ng g s 服务 生成服务; 状态共享 相当于vuex 语法 含义 {{ 变量 }} 双标签内容 [属性名] = "值" 或 属性名="{{值}}" 属性 (事件名)="方法名()" 事件 [(ngModel)]="变量"<br>必须手动加载 Forms 模块 双向数据绑定 *ngIf原创 2021-06-07 10:05:59 · 279 阅读 · 0 评论 -
Angular DAY03
Angular03 回顾 • 命令行 创建项目包 ng new 项目名 启动命令 ng s 或 ng s -o 生成组件 ng g c 组件名 生成管道 ng g p 管道名 生成指令 ng g d 指令名 • angular用法 双标签内容: `{{}}` 属性: [属性名]='值' 或 属性名="{{ 值 }}" 事件: (事件名)='方法名()' 双向数据绑定: [(ngModel)]="值" 一定要手动引入+注册 Form 模块 条件渲染: *ngIf 列表渲染: *ng原创 2021-06-04 09:27:36 · 130 阅读 · 0 评论 -
Angular DAY02
Angular02 脚手架 使用时, 需要安装脚手架, 利用脚手架生成项目包; 然后编写代码. 生成命令: ng new ngpro ; 用法: • 双标签的内容: {{ 变量 }} • 属性: [属性名]=“值” 或 属性名="{{ 值 }}" • 事件: (事件名)=“方法名()” • 双向数据绑定: [(ngModel)]=" 变量 " – 注意: 默认不加载Form模块, 必须手动加载 且 加载后必须重启命令行才能生效! • 组件的使用: – 1个组件由3个文件组成: html css ts – 主原创 2021-06-03 09:30:55 · 488 阅读 · 1 评论 -
Angular DAY01
Angular–day01 Angular 身为目前的 三大WEB框架之一: Vue Angular React 出身: • Vue: 由 Google 离职程序员开发 • Angular: 由Google公司开发 与Vue相同, 都需要安装脚手架 并且 通过脚手架生成项目包; 然后在项目包中进行开发! 安装脚手架 先确保npm是中国镜像 以及 node版本 node尽量是最新版本: 至少>=10.9 下载地址: http://nodejs.cn/download/ node -v 检查npm镜像是原创 2021-06-02 16:17:44 · 329 阅读 · 0 评论