发表于: 2021-01-14 22:44:30
1 1143
今天完成的事情:
学习angular
1.angular的构架概念
angular是html和ts构建的应用端的平台
基本构造块是Ngmodule,为组件提供编译环境
2.模块:modules
每个angular应用都有一个根模块,命名AppModule。用来提供启动引导机制
特性:用于管理复杂应用的开发工作并实现可复用性设计,获取惰性加载减小加载的代码体积
惰性加载特性:用户通过鼠标,滚动浏览页面,直到页面下方时,会自动加载更多内容;提供页面的渲染速度。例如:哔哩哔哩视频搜索无限下拉时,无限加载搜索内容,常用于谷歌浏览器,手机端等
3.组件:componets
每个 Angular 应用都至少有一个根组件。用来组件树和dom连接起来
@Component 装饰器配置:
selector:CSS 选择器,如:<app-xxx></app-xxx>
templateUrl:组件文件的地址
4.模板语法
数据绑定
事件绑定让你的应用可以通过更新应用的数据来响应目标环境下的用户输入
属性绑定让你将从应用数据中计算出来的值插入到 HTML 中
指令
结构型指令通过添加、移除或替换 DOM 元素来修改布局
如:*ngIf,*ngFor
属性型指令会修改现有元素的外观或行为
如:<input [(ngModel)]="xxxx">
问题:
什么是双向数据绑定,与单向绑定有什么区别
评论