Angular2
天马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 · 6099 阅读 · 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 · 38230 阅读 · 3 评论 -
Angular 内置属性型指令
Angular内置属性型指令属性型指令会监听和修改其他HTML元素或组件的行为、元素属性(Attribute)、DOM属性(Property)。他们通常会作为HTML属性的名称而应用在元素上。更多Angular模块,比如:RouterModel和FormsModule都定义了自己的属性型指令。几个常用的属性型指令:1.NgClass--添加或移除一组CSS类2.NgClass-原创 2017-12-15 17:10:26 · 1543 阅读 · 0 评论 -
Angular 内置结构型指令
一、内置结构型指令结构型指令的职责是HTML布局。它们构造或重塑DOM的结构,这通常是通过添加、移除和操作它们锁附加的宿主元素来实现。常用结构型指令:1. NgIf----根据条件把一个元素添加到DOM中或从DOM中移除2.NgFor---对列表中的每条数据重复套用一个模板3.NgSwitch----一组指令,用于切换一组视图。二、NgIf原创 2017-12-06 18:08:29 · 850 阅读 · 0 评论 -
Angular模板引用变量(#var)
一、模板引用变量模板引用变量使用井号(#)来声明引用变量。模板引用变量通常用来引用模板中的某个DOM元素,它可以引用Angular组件或指令或 Web Component。我们可以在当前模板的任何地方使用模板引用变量。示例: 模板引用变量1 {{phone.value}} ts方法定义:原创 2017-12-05 17:35:53 · 9058 阅读 · 3 评论 -
Angular CLI简介2
本文整理 Angular CLI的常用命令我们在使用Angular2项目时,直接使用官网提供的基础配置文件,在NodeJS下面就可以生成一个新的ng2项目,但是这样非常不便利,每次都要新建目录,复制配置文件,使用Node命令安装支持库,最后才是写代码。Angular-cli就是用来简化这一操作的,而且官方配置文件不包含打包命令,对于新手来说,对System打包和webpack打包都不熟原创 2017-11-29 10:18:50 · 987 阅读 · 0 评论 -
Angular管道操作符(|)
一、模板表达式操作符模板表达式语言使用了JavaScript 语法的子集,并补充了几个用于特定场景的特殊操作符:管道操作符、安全导航操作符。二、管道操作符 (|)在绑定之前,表达式的结果可能需要一些转换。例如,可能希望吧数字显示成金额、强制文本变成大写,或者过滤列表以及进行排序。Angular 管道对象这样的小型转换来说是个很方便的选择。管道是一个简单的函数,它接受一个输入值,原创 2017-12-05 15:47:22 · 3098 阅读 · 0 评论 -
Angular 安全导航操作符(?.)和空属性路径
Angular 的安全导航操作符(?.)是一种流畅而便利的方式,用来保护出现属相路径中null和undefined值。这种用法基本上和C#6.0中的委托触发操作符用法相同。student?.name:当student不为空的时候输出name的值。一、空属性路径在Angular中 当前模块属性为空时,输出空字符串,不会抛出异常 this is {{content}}原创 2017-12-05 15:14:04 · 2401 阅读 · 0 评论 -
Angular 绑定语法简介
一、绑定类型数据绑定是一种机制,用来协调用户所见和应用数据。虽然我们能往HTML推送值或者从HTML拉去值,但如果把这些琐事交给数据绑定框架处理,应用汇更容易编写、阅读和维护。只要简单地碧昂丁源和目标HTML元素之间声明绑定,框架就会完成这项工作。Angular绑定的类型根据数据流的方向分成三类:从数据源到视图、从视图到数据源以及双向的从视图到数据源再到视图。数原创 2017-12-20 11:22:52 · 1683 阅读 · 0 评论 -
Angular中的模板和表达式简介
Angular应用管理者用户之所见和所为,并通过Componnet 类的实例(组件)和面向用户的模板与用户交互。一、模板中的HTMLHTML是Angular模板的语言。几乎所有的HTML语法都是有效的模板语法。但是元素是被禁用的。有些合法的HTML被用在模板中是没有意义的。,,等剩下的所有元素基本上都一样用了。注:Angular中可以通过组件和指令类扩展模板中的HTML元素。二原创 2017-12-20 09:53:58 · 1741 阅读 · 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 · 6057 阅读 · 0 评论 -
Angular 路由使用整理(一)
Angular的路由器能让用户从一个视图导航到另一个视图。Angular2以及以后的版本路由器使用浏览器的history.pushState 进行导航,这样就和多网页应用链接保持一致了,而不是Angular1.x中还用hash(#)风格处理前端路由。一、基础知识<base href>大多数带路由的应用都要在index.html的标签下先添加一个元素,来告诉路由器该如何合原创 2018-01-20 18:16:58 · 7053 阅读 · 0 评论