![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Angular
文章平均质量分 84
小小程序员——Tracy
你说 程序员是青春饭吗?
展开
-
Angular Tracy 小笔记 其他 dos 命令,发布
其他命令: Angular Material:ng add @angular/material Add PWA support : ng add @angular/pwa Add Dependency : ng add _____ Run and Watch Tests : ng test Build for Production : ng build --prod 调试 F12 -> Source -> webpack -> 点儿 -> src -> app 找.原创 2021-05-17 10:45:23 · 78 阅读 · 0 评论 -
Angular Tracy 小笔记 生命周期钩子函数,内容分发,视图封装
一个骚操作 内容分发 父组件中引用子组件,正常里面是不需要加 code 的, 直接引入一个壳就行 但是由于特殊逻辑需要而需要在父组件里写点东西然后子组件里显示的时候就这样 这也是父组件向子组件传递内容的一个模式 父组件code <app-recipes-list #index (othername)="getData($event)"><p>这是子组件中间的code </p> </app-recipes-list> 子组件code:<ng-conten原创 2021-05-17 10:44:22 · 203 阅读 · 0 评论 -
Angular Tracy 小笔记 Demo 项目
跟着项目走 项目结构 MVC 开发模式 : 三层结构 View视图层 .html,Control 逻辑处理层 .ts,Module 数据模型层 .ts 新建数据层 .ts 文件 如 recipes 下面手动创建的 recipe.module.ts recipe.module.ts 数据模型,只在组件 recipes, recipe-list, recipe-item, recipe-detail 里能用到,所以我们把它放入 最外边的 recipes 文件夹中,像 ingredient.module原创 2021-05-17 10:41:48 · 145 阅读 · 0 评论 -
Angular Tracy 小笔记 数据绑定,指令
数据绑定 数据绑定的本质,就是我们的通讯操作 左边的业务逻辑.ts 想传递数据给模板显示 .html 可以通过: 插件表达式 {{data}}, 属性绑定 [property]="data" 插值表达式 {{data}} 变量调用 .html 里写 <p>{{tracyName}} 今年 {{tracyAge}} 岁 <p> .ts 在 class 里写 export class HerosComponent implements OnInit { .原创 2021-05-17 10:39:02 · 195 阅读 · 0 评论 -
Angular Tracy 小笔记 创建项目 组件 组件传值
创建项目 cd C:\Users\leng_\Desktop\angularng new angular-project-name执行这个命令之后程序会在当前文件夹生成一个名字为 angular-project-name 的 angular 项目 是否设置路由,我们选择 Y 然后通过上下箭头选择一个 CSS 类型的版本, 我们选普通的 CSS 启动项目 cd 到项目目录中ng serve --open(-- open 是为了自动打开浏览器 http://localhost:4200/) 如果想换端..原创 2021-05-17 10:36:15 · 220 阅读 · 0 评论 -
Angular Tracy 小笔记 安装,目录结构介绍
Angular 安装,目录结构介绍 Angular 4.0 安装 组件是 Angular 的核心思想 Angular 支持跨平台,手机 PC 都可以, 是谷歌创建的 JS 框架 Single-Page-Application 单页应用一些angular的项目列表 中文官网;angular 官网 先安装 Node.js (LTS 稳定版)安装完之后看看自己的 nodejs 版本 (npm -v),安装完 node.js 我们就可以使用这种 npm 命令了 然后安装 Angular ...原创 2021-05-14 13:12:55 · 149 阅读 · 1 评论