Smily-王婷婷

是什么Angular是一个开发平台，它帮助我们更轻松地构建Web应用。Angular集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，而且，也为我们提升构建Web、手机或桌面应用的能力。来了解一下他们的概况图： 然后再具体了解一下每一个模块吧！（一）Module模块 它帮助我们把应用组织成多个内聚的功能模块。它带有@NgModule装饰器函数的类。而且这个类可以接收一个元数据对象

前提　　 　　当用vscode打开多个Angular的时候，因为默认端口是4200，这时候如果同时启动，就会显示“”端口被占用“”，这时候就需要我们修改一下默认端口咯！ 方法： （1） 修改配置文件node_modules/angular-cli/lib/config/schema.json ，然后找到“”default“”,就可以修改端口号了； （2）如果感觉麻烦的话，直...

Angular 2通过Component来作为一个subview来分隔显示的内容，组件之间必然会有联系，当一个组件改变，涉及到其他组件变化的时候，这种跨组件操作是如何实现的呢？这时候就引入了Output 和Input； @output 定义： 当子模块想要自定义一些event传递给父模块时，我们需要用到@output,这是也需要用到“”自定义事件； 备注： 自定义事件：就是自己定义的事件...

数据绑定 事件绑定 属性绑定 很多人对于DOM属性还是HTML属性易混，那我们首先来区分一下HTML和DOM； 少量的HTML和DOM属性之前存在着1:1的映射，比如id; 有些HTML属性没有对应的DOM属性； 有些DOM属性没有对应的HTML属性，比如textComtent; 即使是名字相同，HTML属性和DOM属性也不是同一个东西； HTML属性的值制定了初始值；DOM...

一、 是什么？ 依赖注入 在软件工程中，依赖注入是种实现控制反转用于解决依赖性设计模式。一个依赖关系指的是可被利用的一种对象（即服务提供端） 。依赖注入是将所依赖的传递给将使用的从属对象（即客户端）。该服务是将会变成客户端的状态的一部分。 传递服务给客户端，而非允许客户端来建立或寻找服务，是本设计模式的基本要求。 —— 维基百科 控制反转 控制反转IoC,把创建对象的权利交给框架，...

目录 在进行项目开始之前，我们需要导入具体项目所依赖的第三方库，已经项目具体的需要组件，下面就来具体的了解一下； 引入第三方库： 1**. 安装第三方组件到本地库中；** 　　第三方的组件，需要下载到本地，所以可以在终端直接下载；例如我需要jquery和bootstrap，所以，直接输入命令“>npm install +”组件名” -save”，就可以进行安装； 安...

目录 结构： 　　上一篇博客中，已经搭建好了Angular环境，创建好了目录文件夹，具体每个文件夹的作用，有没有很好奇呢，现在就让小编带你们去了解一下吧； 　　 e2e:端到端的测试； node_modules:第三方模块库； src:项目中所有文件存放在这个 -app:组件以及app.modules.ts定义跟模块； -assets:静态资源 -environments...

上一篇博客已经全局介绍了Angular，但是具体怎么用呢，首先我们需要配置一下它的开发环境。 安装node.js和npm; 直接在官网上下载就可；然后在终端输入命令：npm -v和node-v;然后显示版本号，证明安装成功了； 2.安装Angular/CLI文件；输入命令：npm install -g @angular/cli，进行工具的安装；显示CLI工具的版本号，代表安装成功了； ...

是什么 路由很好的解決了通過建立URL和页面的对应关系，使得不同的页面可以用不同的URL来表示；可以实现多视图的单页Web应用（SPA）； 比如说一个页面有很多的模块组成，但是在动一个微小的模块的时候，整页都被牵动，这是数据加载也会很慢，效率也不高，而路由恰恰解决了这个跳转问题； 组成 1.对象 2.对象具体应用 Routes开始的时候是产生在模块里面的，他携带...

　　 npm是Node.js平台的一个包管理工具。它可以把组件放到这，然后这样就方便node找到他们。它支持各种各样的用例，极其可配置。它通常用于发布，安装和开发节点程序。 【安装】： 　推荐链接：https://www.runoob.com/nodejs/nodejs-install-setup.html 【语句介绍】： 安装成功后，可以进行版本号的查询： $ npm -v 2...