第一篇文章是: "使用angular cli生成angular5项目" ://www.gxlcms.com/article/136621.htm 第二篇文章是: "使用angular cli从蓝本生成代码" ://www.gxlcms.com/article/137031.htm 第三篇文章是: "使用Angular CLI生成路由" ://www.gxlcms.com/article/137033.htm Build. Build主要会做以下动作: 编译项目文件并输出到某个目录Build targets决定了输出的结果bundling 打包生产环境的build还会进行uglify和tree-shaking(把没用的代码...
如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文. Angular CLI 官网:https://github.com/angular/angular-cli 安装angular cli: npm install -g @angular/cli不过首先要确保您安装了比较新版本的nodejs. 今天主要通过以下几个方面介绍Angular CLI: 生成项目参数介绍配置和自定义CLI检查和修复代码生成新项目:ng new my-app这个命令会生成一个新的项目叫做my-app并把该项目的文件放在my-app这个文件夹下...
一、什么是Promise Promise是对象，代表了一个函数最终可能的返回值或抛出的异常，就是用来异步处理值的。 Promise是一个构造函数，自己身上有all、reject、resolve这几个异步方式处理值的方法，原型上有then、catch等同样很眼熟的方法。 二、为什么使用Promise 有了Promise对象，就可以把异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供了统一的接口，使得控制异步操作更加容易。 Promise对象...
1.Ionic3.x中页面(组件)之间正向传值方式？这里所说的正向传值指的是如有两个页面，我们简称 页面A 和 页面B,正向指的是A跳转到B,比如一个商品跳转这个商品的详情页面。 正向传值Ionic3.x主要有2种 标签上直接跳转Js跳转1) 标签上直接跳转Ionic3.x对Angular2以上的的路由进一步封装,路由跳转主要是由模块 NavController 来完成的,传递参数主要是由模块 NavParams 来完成的,用法如下 A页面内容: htmll：代码 <button [navPush]="bPa...
1.Ionic3.x 页面正向传值关于正向传值，上一篇文章里面有讲，具体可以看这里：//www.gxlcms.com/article/136302.htm 2.Ionic3.x 页面 pop反向传值,主要有两种方式 1 .利用ES6提供 Promise 对象 2 利用Ionic3.x提供Event对象,观察者模式(publish/subscribe) 1)利用ES6提供 Promise 对象这边假设有两个页面A页面, B页面, 情景如下，A跳转B页面，在B页面返回A页面需要给A页面选回的值。A页面代码html内容<button (tap)="goT...
概述简单来说变化检测就是Angular用来检测视图与模型之间绑定的值是否发生了改变，当检测到模型中绑定的值发生改变时，则同步到视图上，反之，当检测到视图上绑定的值发生改变时，则回调对应的绑定函数。什么情况下会引起变化检测？总结起来, 主要有如下几种情况可能也改变数据： 用户输入操作，比如点击，提交等请求服务端数据(XHR)定时事件，比如setTimeout，setInterval上述三种情况都有一个共同点，即这些导致绑定值发生改变的...
1.引入material npm包 npm install @angular/material @angular/cdk2.新建一个ebiz-material.module.ts方便管理引入material的module ng g module ebiz-material -app=ebiz-ui3.在app的根module中引入ebiz-material.module.ts import { EbizMaterialModule } from ./ebiz-material/ebiz-material.module; @NgModule({imports: [..., EbizMaterialModule],declarations: [...],schemas: [CUSTOM_ELEMENTS_SCHEMA] })使用material组件...
序言 放假期间，学生忙着充电，学习“全栈开发”的不在少数，我时常收到读者的反馈，在调试《全栈开发之道》一书的实例时，遇到困惑。 尽管会遇到各种各样的问题，但总体来讲，可以归结为一个技术点，那就是—— Angular的调试。编写Angular 代码并不难，难的是调试Angular代码。对于Angular新手来说，调试Angular需要一个过程，并在这个过程中不断积累经验，一看到报错，就能八九不离十猜出问题出在什么地方。这篇文章，我们先来从...
1 什么是HTMLHTML文档就是一个纯文本文件，该文件包含了HTML元素、CSS样式以及JavaScript代码；HTML元素是由标签呈现，浏览器会为每个标签创建带有属性的DOM对象，浏览器通过渲染这些DOM节点来呈现内容，用户在浏览器中看到的内容就是浏览器渲染DOM对象后的结果。 2 指令的分类组件、属性指令、结构性指令 3 指定义指令常用到的一些常量3.1 Directive用于装饰控制器类来指明该控制器类是一个自定义指令控制器类3.2 ElementRef作为D...
1 前提准备 1.1 新建一个angular4项目 参考：//www.gxlcms.com/article/119668.htm1.2 去zTree官网下载zTree zTree官网：点击前往 三少使用的版本：点击前往1.3 参考博客 //www.gxlcms.com/article/133284.htm 2 编程步骤从打印出zTree对象可以看出，zTree对象利用init方法来实现zTree结构；init方法接收三个参数 参数1：一个ul标签的DOM节点对象 参数2：基本配置对象 参数3：标题信息数组 2.1 在index.html中引入相关js、css<!doc...
简介 Scope(作用域) 是应用在 HTML (视图) 和 JavaScript (控制器)之间的纽带。 Scope 是一个存储应用数据模型的对象，有可用的方法和属性。 Scope 可应用在视图和控制器上。 作用域是Web应用的控制器和视图之间的粘结剂： 控制器 --> 作用域 --> 视图（DOM） 指令 --> 作用域 --> 视图（DOM） 当你在 AngularJS 创建控制器时，你可以将 $scope 对象当作一个参数传递: <div ng-controller="myCtrl"> <h1>{{name}}</h1> </div><scr...
本文实例讲述了angular2中Http请求原理与用法。分享给大家供大家参考，具体如下： 提供HTTP服务 HttpModule并不是Angular的核心模块。 它是Angular用来进行Web访问的一种可选方式，并位于一个名叫@angular/http的独立附属模块中. 编辑app.module.ts import { HttpModule, JsonpModule } from @angular/http; @NgModule({imports: [HttpModule,JsonpModule], })angular-in-memory-web-api npm install angular-in-memory-web-api --...
一个浏览器窗口对象的引用。它是一个全局对象，在window中是全局可用的，但是它导致一些问题。在Angular中也经常通过$window服务提到它，因此它可以被重写、删除及测试。验证代码：$window 等同于 window。(function(){angular.module(Demo, []).controller(testCtrl,["$window",testCtrl]);function testCtrl($window) {$window === window;}}()); $window对象可以用来获取浏览器窗口各项属性（如窗口高度宽度、浏览器版本等等）。...
本文基于上一篇 Angular5 的文章继续进行开发，上文中讲了搭建 Angular5 有道翻译的过程，以及遇到问题的解决方案。 随后改了 UI，从 bootstrap4 改到 angular material，这里不详细讲，服务端渲染也与修改 UI 无关。 看过之前文章的人会发现，文章内容都偏向于服务端渲染，vue 的 nuxt，react 的 next。 在本次改版前也尝试去找类似 nuxt.js 与 next.js 的顶级封装库，可以大大节省时间，但是未果。 最后决定使用从 Angular2 开...
前言 DOM 元素触发的一些事件通过 DOM 层级结构传播，事件首先由最内层的元素开始，然后传播到外部元素，直到它们到根元素，这种传播过程称为事件冒泡。本文主要介绍了关于Angular4 DOM属性绑定的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 简介使用插值表达式将一个表达式的值显示在模版上 <img src="{{imgUrl}}" alt=""> <h1>{{productTitle}}</h1>使用方括号将HTML标签的一个属性值绑定到一个...