摘要：1.首先下载可重用模板 https://github.com/ionic-team/ionic-module-template 2. 将模板改包名后发布到NPM上 如果你没有NPM账号，先进行注册。 3. 使用说明可以查看ionic-module-template
阅读全文
posted @ 2018-03-04 09:31
随笔分类 - U. Angular
摘要：1. npm是Node的模块管理器 可以先了解下NPM的一些基础 npm模块安装机制简介 2. 创建Node包 打开Node命令行 然后使用npm init 命令，会创建一个package.json 文件 还需要一个入口文件 index.js 3. 发布到npm服务器上 3.1 首先要注册一个npm
阅读全文
posted @ 2018-02-11 11:10
摘要：使用 Angular CLI 构建 Angular 应用程序是最方便的方式之一。 项目目标 现在，我们一起创建一个简单的组件库。 首先，我们需要创建一个 header 组件。这没什么特别的，当然接下来会明白的。 我们能从中能得到什么收获？ 自动生成项目结构 自动生成组件库的组件、模块和服务 自动生成
阅读全文
posted @ 2018-02-10 22:42
摘要：由于Node官方模块仓库太慢，建议将模块仓库切换到阿里源 执行下面的命令，确认是否切换成功 https://registry.npmjs.org/ 这是官方的npm地址源
阅读全文
posted @ 2018-02-10 20:58
摘要：1. 创建Ionic工程 ionic start projectname cd projectname 2.安装karma插件 npm install karma karma-jasmine karma-phantomjs-launcher --save-dev --registry=https:/
阅读全文
posted @ 2018-01-31 13:17
摘要：1. 创建webpack-test文件夹 2. npm初始化 3. 安装webpack 4. 使用webpack打包 hello.js 是需要打包的文件 hello.bundle.js 是打包完以后文件的名称 hello.js文件 hello.bundle.js文件 5. 完整的例子 5.1 创建t
阅读全文
posted @ 2018-01-21 20:26
摘要：路由守卫 只有当用户已经登录并拥有某些权限时才能进入某些路由 一个有多个表单组成的向导，如注册流程，用户只有在当前组件的组件中填写了满足要求的信息才可以导航到下一个路由 当用户未执行保存操作而试图离开当前导航时提醒用户 CanActivate： 处理导航到某种路由的情况 CanDeactivate：
阅读全文
posted @ 2017-08-14 14:54
摘要：1.辅助路由 2. 创建chat组件 ng g component chat 3. 组件html css： 4. 配置路由 5. app.component.html设置
阅读全文
posted @ 2017-08-14 14:23
摘要：子子路由 现在要为产品组件增加两个子组件 1. 创建productDesc和sellerInfo两个组件 ng g component productDesc ng g component sellerInfo 2. 产品描述组件 3. 销售员组件 销售员组件html 3. 产品组件加入导航 4.
阅读全文
posted @ 2017-08-14 13:51
摘要：重定向路由： 用户访问一个指定的地址时，将其重新向到另一个指定的地址 （接前面的一节） 配置如下： 之前http://localhost:4200 会进入主页，现在将主页导航改为home，http://localhost:4200也显示404 此时配置重定向，如上图{ path: '', redir
阅读全文
posted @ 2017-08-14 13:22
摘要：路由时传递数据的方式有 1. 在查询参数中传递数据 2. 在路由路径中传递参数 3. 在路由配置中传递参数 一.在查询参数中传递数据 在前一节的基础上，我们增加路由数据传递 2. 接收参数的地方 3. 显示产品ID 4. 效果图 二、路径中传递参数 1. 修改路由配置 2. 使用路径调用 3. 接收
阅读全文
posted @ 2017-08-14 12:53
摘要：Angular 4 路由 1. 创建工程 ng new router --routing 2. 创建home和product组件 ng g component home ng g component product 3. 配置路由 4. 主页面导航 二、按钮事件中实现导航 三、不存在的页面 如果页面
阅读全文
posted @ 2017-08-14 11:55
摘要：1. 创建指令 2. html 3. 控制器
阅读全文
posted @ 2017-08-11 15:20
摘要：1. 将表单的方法移动到单独的ts文件夹中 2. code 3. html 4. 控制器 5. 状态字段
阅读全文
posted @ 2017-08-11 14:10
摘要：1.html 2. 控制器中创建FormModel 3. 创建自定义校验器 mobileValidator用来校验电话号码是否有效 equalValidator 用来校验两次输入的密码是否一致 4. submit方法 5.完整的代码
阅读全文
posted @ 2017-08-11 13:19
摘要：一. 模板表单 1. 如下图 2. code 3. 效果图 二、响应式表单 1. 增加ReactiveFormsModule 2.响应式表单用到的类和指令 3. 控制器代码 4. html 6. 效果图 7. 使用FormBuild简化响应式表单代码 原来的写法 使用FormBuild简化
阅读全文
posted @ 2017-08-11 11:55
摘要：安装组件 ng g componet 组件名
阅读全文
posted @ 2017-08-10 17:13
摘要：1.导入 2. 代码 参考：https://stackoverflow.com/questions/35212341/angular2-http-post-request-parameters
阅读全文
posted @ 2017-08-10 17:08
摘要：1. 创建工程 ng new demo3 2. 创建子组件 ng g component child 3. 在子组件中定义方法greeting 4. 父组件html（第三行是模板中调用子组件的方法） 5. 父组件Control调用子组件中的方法
阅读全文
posted @ 2017-08-10 17:03
摘要：1.组件的生命周期
阅读全文
posted @ 2017-08-10 17:02
