天马3798

Nothing at All，需要做小程序、网站、app私聊wx:tianma102

Angular2

关注

关注数：文章数：12 文章阅读量：78352 文章收藏量：71

作者: 天马3798

济南小程序开发，济南网站开发，线上引流过客；济南.net 开发,济南C#开发，济南nodejs开发

展开

Angular CLI简介

一、简介Angular CLI用于简单，快速构建Angular2项目，只要掌握几行命令就能扣减前端架构。依赖于NodeJs和npm。Git 源代码地址：https://github.com/angular/angular-cliAngularCLI主要特性1 Angular CLI 可以快速搭建框架，创建module，service，class，directive等；2 具有w

原创 2017-11-29 09:18:01 · 6063 阅读 · 2 评论
Angular CLI ng常用命令整理

Angular CLI 的ng命令常用整理当前对应版本：angular-cli:1.0.0 node:8.9.3 os:win32 x641.创建项目 ng new命令描述ng new [options]创建一个新的 Angular 项目,默认在当前所在目录下参数描述

原创 2018-01-20 16:15:06 · 38030 阅读 · 3 评论
Angular 内置属性型指令

Angular内置属性型指令属性型指令会监听和修改其他HTML元素或组件的行为、元素属性（Attribute）、DOM属性(Property)。他们通常会作为HTML属性的名称而应用在元素上。更多Angular模块，比如：RouterModel和FormsModule都定义了自己的属性型指令。几个常用的属性型指令：1.NgClass--添加或移除一组CSS类2.NgClass-

原创 2017-12-15 17:10:26 · 1525 阅读 · 0 评论
Angular 内置结构型指令

一、内置结构型指令结构型指令的职责是HTML布局。它们构造或重塑DOM的结构，这通常是通过添加、移除和操作它们锁附加的宿主元素来实现。常用结构型指令:1. NgIf----根据条件把一个元素添加到DOM中或从DOM中移除2.NgFor---对列表中的每条数据重复套用一个模板3.NgSwitch----一组指令，用于切换一组视图。二、NgIf

原创 2017-12-06 18:08:29 · 840 阅读 · 0 评论
Angular模板引用变量（#var）

一、模板引用变量模板引用变量使用井号(#)来声明引用变量。模板引用变量通常用来引用模板中的某个DOM元素，它可以引用Angular组件或指令或 Web Component。我们可以在当前模板的任何地方使用模板引用变量。示例：模板引用变量1 {{phone.value}} ts方法定义：

原创 2017-12-05 17:35:53 · 9026 阅读 · 3 评论
Angular CLI简介2

本文整理 Angular CLI的常用命令我们在使用Angular2项目时，直接使用官网提供的基础配置文件，在NodeJS下面就可以生成一个新的ng2项目，但是这样非常不便利，每次都要新建目录，复制配置文件，使用Node命令安装支持库，最后才是写代码。Angular-cli就是用来简化这一操作的，而且官方配置文件不包含打包命令，对于新手来说，对System打包和webpack打包都不熟

原创 2017-11-29 10:18:50 · 974 阅读 · 0 评论
Angular管道操作符(|)

一、模板表达式操作符模板表达式语言使用了JavaScript 语法的子集，并补充了几个用于特定场景的特殊操作符：管道操作符、安全导航操作符。二、管道操作符 (|)在绑定之前，表达式的结果可能需要一些转换。例如，可能希望吧数字显示成金额、强制文本变成大写，或者过滤列表以及进行排序。Angular 管道对象这样的小型转换来说是个很方便的选择。管道是一个简单的函数，它接受一个输入值，

原创 2017-12-05 15:47:22 · 3086 阅读 · 0 评论
Angular 安全导航操作符(?.)和空属性路径

Angular 的安全导航操作符(?.)是一种流畅而便利的方式，用来保护出现属相路径中null和undefined值。这种用法基本上和C#6.0中的委托触发操作符用法相同。student?.name:当student不为空的时候输出name的值。一、空属性路径在Angular中当前模块属性为空时，输出空字符串，不会抛出异常 this is {{content}}

原创 2017-12-05 15:14:04 · 2389 阅读 · 0 评论
Angular 绑定语法简介

一、绑定类型数据绑定是一种机制，用来协调用户所见和应用数据。虽然我们能往HTML推送值或者从HTML拉去值，但如果把这些琐事交给数据绑定框架处理，应用汇更容易编写、阅读和维护。只要简单地碧昂丁源和目标HTML元素之间声明绑定，框架就会完成这项工作。Angular绑定的类型根据数据流的方向分成三类：从数据源到视图、从视图到数据源以及双向的从视图到数据源再到视图。数

原创 2017-12-20 11:22:52 · 1656 阅读 · 0 评论
Angular中的模板和表达式简介

Angular应用管理者用户之所见和所为，并通过Componnet 类的实例（组件）和面向用户的模板与用户交互。一、模板中的HTMLHTML是Angular模板的语言。几乎所有的HTML语法都是有效的模板语法。但是元素是被禁用的。有些合法的HTML被用在模板中是没有意义的。,,等剩下的所有元素基本上都一样用了。注：Angular中可以通过组件和指令类扩展模板中的HTML元素。二

原创 2017-12-20 09:53:58 · 1712 阅读 · 1 评论
Angular2开发环境搭建之VS Code

一、设置开发环境Node JsAngular2开发环境主要依赖Node Js和Npm，需要node 6.9.x和npm 3.x.x 以上的版本。查看版本命令使用 node -v和 npm -v.二、Angular2或以上版本使用 Angular CLI命令行工具，可以快速创建项目、添加文件以及执行大堆开发任务，比如测试、打包和发布。然后全局安装 Angular CLI 。np...

原创 2017-11-30 21:16:09 · 6045 阅读 · 0 评论
Angular 路由使用整理（一）

Angular的路由器能让用户从一个视图导航到另一个视图。Angular2以及以后的版本路由器使用浏览器的history.pushState 进行导航，这样就和多网页应用链接保持一致了，而不是Angular1.x中还用hash(#)风格处理前端路由。一、基础知识<base href>大多数带路由的应用都要在index.html的标签下先添加一个元素，来告诉路由器该如何合

原创 2018-01-20 18:16:58 · 7017 阅读 · 0 评论