Angular
介绍了前端框架Angular框架的基本使用
王如霜
这个作者很懒,什么都没留下…
展开
-
【Angular】@Input和@Output
该篇是上一篇的改编:【Angular】table假分页【@Input和@Output】@Input和@Output这两个要结合父组件与子组件来说@Input:是属相绑定,父组件向子组件传递数据@Output:是事件绑定,子组件向父组件传递数据的同时触发事件**【举例说明】** testtable是父组件,datatable是子组件 主要功能:table实现分页显示,点击删除原创 2017-12-06 10:18:19 · 3735 阅读 · 4 评论 -
【Angular】table假分页
【table的基本组成】 要先实现表格的假分页,首先要知道table的基本成分:<thead>头、<tbody>身体、<tfood>脚<table> <thead> <!-- 头 --> <tr> <th></th> </tr> </thead> <tbody> <!-- 身体 -->原创 2017-12-05 20:10:45 · 1033 阅读 · 5 评论 -
【Angular】路由跳转(代码跳转)
【WHAT】 在Angular中,路由的作用就是建立URL路径和组件(页面,因为页面就是由组件构成)之间的对应关系,根据不同的URL路径匹配出相应的组件并渲染。【HOW】 1. 定义路由配置 2. 创建根路由模块 3. 添加路由插座 (以上是基本且必须的三个步骤)【示例:(文件如下)】 1.在app.routes定义原创 2017-11-27 08:27:56 · 33824 阅读 · 32 评论 -
【Angular】安装Angular—cli
下载node.js下载后是个.msi文件 检查是否安装成功:node -v node.js简单来说:就是运行在服务端的JavaScript 安装npm安装cnpm: npm install cnpm -g --registry=https://registry.npm.taobao.org 检查是否安装成功:cnpm -v原创 2017-11-12 22:02:50 · 756 阅读 · 11 评论 -
【Angular】变量、常量声明与解构
常量angular中 全局变量在类的外面,@Component()的上面声明一旦赋值就不可以再改变值了;但是如果声明的变量是对象,对象里的属性值是可以被重新赋值的 变量声明方式 Angular中变量声明有两种方式,一种是let,另一种是var 作用域 let:只在块级作用域内有效 var:只在包含它的函数,模块中有效原创 2017-12-14 16:38:23 · 9224 阅读 · 13 评论 -
【Angular】路由 Route导航
在路由开始之前,先补一下Angular的一些基础知识: 概念:组件:是Angular应用的基础构建块,可以理解为是一段带有逻辑和数据的html模块:用来将应用中不同的部分组织成一个Angular框架,可理解的单元指令:允许向html元素中添加自定义行为服务:用来封装可重用的业务逻辑框架认识: Angular Route导航 用到路由时,最常用的对象有:Rout原创 2017-12-30 09:41:06 · 1404 阅读 · 7 评论 -
【Angular】组件内容嵌入ng-content
组件的内容嵌入:在组件中嵌入模板代码,提高组件的可复用性。很好得扩充组件的功能,方便代码的服用。典型的例子就是:模态对话框或导航栏的使用,通常模态对话框和导航栏的样式是一样的,这是如果有一个模板,我们只负责往里面填充数据,是不是就方便使用多了,组件内容嵌入就是解决此类问题的。下面举例说明:文件目录如下: // example-content.component.ts import {原创 2017-12-18 16:04:46 · 2207 阅读 · 13 评论 -
【Angular4】You have to be inside an Angular CLI project in order to use the serve command.
今天在启动项目时ng serve或cnpm start时,突然报如下错误:问题1: You have to be inside an Angular CLI project in order to use the serve command. 尝试1: 输入:cnpm install -g @angular/cli@latest,再次启动还是不行,报如下错误问题2: ...原创 2018-04-23 09:43:57 · 6788 阅读 · 34 评论 -
Angular4:Metadata version mismatch for module ......dist/app.d.ts,found version 4, expected 3
错误一:大概意思:缺少模块ng2-webstorage 解决办法:cnpm install ng2-webstorage,但是紧接着又出现了错误2,试了网上好多办法都不行,最后一篇博客获得了解决,解决办法很奇怪:错误2:大概意思:此模块的元数据版本不匹配,发现了4版本,但是应该是3版本 解决办法:在app.routes.ts中随便打几个空格,再次编译就好了 问题原因:...原创 2018-05-05 20:48:41 · 3567 阅读 · 17 评论