1. 云栖社区>
  2. 全部标签>
  3. #angular4#
angular4

#angular4#

已有0人关注此标签

内容分类:
博客 | 问答 | 视频 | 资料 |

Angular4总结(七)—— 与服务器通信

创建web服务器 使用express搭建 通过npm init -y 命令会创建一个含有默认配置的 package.json的文件 为了让nodejs支持typescript 使用命令:npm i @types/node —save 创建tsconfig.

服务器 Json nodejs http express angular websocket request API string angular4

两个不相关的组件间通信

在实际的开发中两个组件之间不一定有着强关联。(这里说的强关联指的是父子关系,或者是兄弟关系。)所以我们不能使用对应的策略: 父传子 通过@Input 子传父 通过@Output 兄弟关系通过寻找他们共同的父亲,然后通过子到父在通过父到子之间传递。

service angular4

Angular4总结(六)—— 表单

模版式表单(FormsModule) 这个方法只适用于简单的表单需求,因为它受限于html模版。 可以使用的指令为: NgForm. ———> 隐式创建FormGroup实例 NgModel. ———>隐式创建FormControl实例 NgModelGroup. ————>隐式创建FormGroup实例,与NgForm类似,只不过NgModelGroup相当于在外面又加了一层外壳,然后这个外壳,作为了NgForm的子属性 NgForm相当于传统的页面form表单,表单中所有定义的属性,需要写上NgModel,这样NgForm就知道所有NgModel的存在了。

angular form html type Group input 数组 表单 angular4

Angular4总结(五)—— 父子组件通信,钩子方法

组件和组件之间一定得是松耦合的这样可重用性才高,想象一下这样的场景,A和B两个兄弟组件,但是A调用B组件的一个方法,那么这两个组件就紧密的联系在了一起,这其实是并不可取的。 组件我们应该看作是一个黑盒,组件只需要"输入"和"输出"的功能就行,组件并不关心到底是谁给他输入的,也不关心他会输出给谁。

angular html 钩子方法 angular4 @Input @output

Angular4总结(四)—— 数据绑定,响应式,管道

数据绑定 angular4中默认的数据绑定都是单向的。可分为: 插值表达式形式(Dom属性绑定) <p>{{test}}<p> Dom 属性绑定流程: 控制器中定义了一个属性,值发生了改变 对应的dom的value被附上改变了的值 渲染后的页面上也会出现刚刚的值 这一切操作都和html属性不发生任何关系 html属性绑定,使用中括号 <img [src]="imgUrl"/> //如果没有写这个方括号,angular会把属性右侧的值作为字符串进行赋值,而非表达式 基本Html属性绑定 CSS属性绑定 这种形式是全有或者全无的。

表达式 class 数据绑定 编程 test html input angular4

Angular4总结(三)—— 依赖注入

依赖注入是控制反转的一种实现方式。这种模式就是Java Web开发中最流行框架Spring的核心概念。 为什么需要使用依赖注入 在原来最普通的开发中,如果我们有一个方法createCar(new Wheel(), new Engine(), new CarBody())。

模块 logger 依赖注入 angular4 提供器 注入器

Angular4总结(二)—— 路由

路由知识总结 可以把SPA(single page application)理解为是一个视图状态的集合。Angular架构下的各个视图会因为操作的不同显示的也会各有千秋,这些功劳全都得归功于路由。 基础知识 路由相关的对象总结: 1.Routes:路由配置,表示在哪个URL中会显示哪个组件,还有就是在哪个RouterOutlet(像是一个插排一样)中显示组件。

path routes html type 路由 route angular4

Angular4总结(一)—— 基础知识

Angular 程序架构 组件(Component) 是Angular的基本构建块,可以把它理解为包含业务逻辑和数据的交集。 组件的基本组成 装饰器 @Component 组件元数据装饰器 @Component({ selector: 'app-root', //被用作html标签调用 templateUrl: '.

模块 angular jquery html bootstrap angular4

Bootstrap4 图标无法使用,使用font-awesome代替

前言 最近正在练手一个Angular4的项目,需要用到矢量图标相关的功能,但是发现Bootstrap4 图标功能失效,进过调查发现是图标功能被移除bootstrap包下,所以在这里记录一下。 正文 首先将font-awesome进行安装: npm install --save font-awesome 然后在angular.json中进行配置,找到styles,将下方位置进行添加: "./node_modules/font-awesome/css/font-awesome.css" 这样在项目中正常使用就行。

css Json shell 配置 angular bootstrap bootstrap4 angular4 font-awesome

1
GO