
Angular
文章平均质量分 90
crf_moonlight
这个作者很懒,什么都没留下…
展开
-
Angular6.x - 0. 创建项目
环境os : windows 10.0.16299 x64nodejs : 9.4.0npm : 6.4.0使用CLI创建项目1. 更新npm至最新版本执行npm install -g npm@latest来将npm更新到最新版本,以防止在使用angularCli新建项目时报漏洞错误2. 安装angular cli执行npm instal...原创 2018-08-23 12:23:19 · 954 阅读 · 0 评论 -
Angular6.x - 1. 对官方示例项目Tour of Heroes的总结
架构通过app.module.ts来进行个功能部分的管理和整合app.component.ts为整个应用的根组件,标签名为app-root,其他组件一般应该是该组件的子组件使用Module来进行系统内部的一些操作,如示例中给出的路由功能,添加文件app-routing.module.ts,使用标签router-outlet来展示待路由的内容使用Component来向用户展示数据,并获取...原创 2018-08-27 19:48:55 · 499 阅读 · 0 评论 -
Angular6.x - 2. 基本的模版语法
模版表达式{{ expression }}表达式可以是大多数JS表达式,但不能包含赋值等修改操作。 表达式的运行上下文通常是组件实例。变量的优先级为模版变量 > 指令名称 > 组件属性。模版表达式只能引用表达式上下文的成员,不能引用全局命名空间中的内容,如document,(可能是为了强制关注点分离吧,类比之下Razor是可以用的,只是不推荐)表达式原则没有明显副作...原创 2018-09-01 12:12:26 · 574 阅读 · 0 评论 -
Angular6.x - 3. 组件信息交互
概括组件之间的交互是一个很重要的点,之前用vue的时候是直接用vuex挂到全局变量,现在看漏洞非常大。 Angular的组件间信息交互分大概分为以下几种情况:父组件向子组件传递值 父组件: input绑定,可以传值过去子组件:setter或ngOnChanges(),可以拦截收到的值并做处理 (可选)父组件获取子组件的值 子组件创建自定义事件,通过事件传递值,父组件进行监听通...原创 2018-09-01 12:21:52 · 901 阅读 · 0 评论