Angular2
北冥友余
十年烽火扬州路,卷上珠帘总不如....
展开
-
Angular:ngFor指令
参考:官方文档 NgFor 指令 。ngFor指令使用方法首先,创建自定义组件user-list(如何创建自定义组件),并为name属性初值。然后,在子组件html中引用自定义组件,并使用*ngFor指令效果演示原创 2017-12-29 13:20:17 · 5080 阅读 · 3 评论 -
Angular:@Input注解
参考:中文官方文档 Input 说明 。Input:可以从父组件传来一个值 。示例:分别创建父组件user-list 和 子组件 user-item修改子组件user-item首先,修改子组件ts文件 user-item.component.ts 。然后,修改父组件html文件 user-list.component.html 。效果展示子组件user-item.component.ts代码原创 2017-12-29 14:08:32 · 2083 阅读 · 1 评论 -
Angular : 项目文件夹src目录结构及作用
序言:如果你想入门到精通Angular,首先必须要熟悉它的文件目录结构。参考:Angular中文文档链接正文:新建项目文件后,会出现src和非src(这里我分为2类)。 src作用:存放应用代码(组件,模板,样式等等)。 非src作用:为构建应用提供支持用。src非src最后:如果想看各个文件或者文件夹的详细说明,请看官方文档(英文,中文),这个中文文档编写的非常牛逼,看中文原创 2017-12-29 10:04:45 · 4629 阅读 · 1 评论 -
Angular : 创建自定义组件
用 ng generate hello-world 命令生成 hello-world 组件在hello-world.component.ts中定义组件代码贴在文章末尾:代码1在app.component.html中使用刚定义好的组件(标签)代码贴在文章末尾:代码2代码1import { Component, OnInit } from '@angular/core';@Component({原创 2017-12-29 11:39:33 · 3439 阅读 · 0 评论 -
Angular : ng serve 是如何启动应用的
如何你对Angular文件目录结构不熟悉,请出门右转,补补课.一: 文字说明当你在命令行中输入 ng serve 后 ng 会根据 angular-cli.json 中的 main元素 找到 应用入口文件main.tsmain.ts 再加载 根模块AppModuleAppModule 启动Angular模块(@ngModule)@ngModule 为 AppModule 添加元数据,并指原创 2017-12-29 21:24:57 · 18467 阅读 · 4 评论 -
Angular : input标签中的#
#(hash):Angular 会把该元素赋值给一个局部变量例如 在表单的input元素中使用#,会将input输入值传递给局部变量title,再传递给自定义函数addArtcle()的参数.原创 2017-12-29 23:11:44 · 2522 阅读 · 0 评论 -
ng serve , Cannot find module 'xxx'
一、问题描述在编码业务的过程中,突然不能ng serve了报错如图 提示我少了某一模块,于是我就打开本地磁盘,找到项目node_modules文件下的alphanum-sort,双击打开,发现打不开 然后我就,手动添加这个模块 然后再去本地找这个文件,可以双击打开了 但是,再次ng serve 还是会提示下一个模块丢失 看来我丢失了,不少的模块...原创 2018-03-08 10:38:41 · 1015 阅读 · 0 评论