angular
文章平均质量分 80
「已注销」
这个作者很懒,什么都没留下…
展开
-
Angular4项目解决跨域问题
跨域跨域:浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了.上面提到的,同域的概念又是什么呢??? 简单的解释就是相同域名,端口相同,协议相同同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同.比如:我在本地上的域名是study.cn,请求另外一个...转载 2018-04-10 10:10:09 · 809 阅读 · 0 评论 -
基于angular-cli配置代理解决跨域请求问题
1.跨域请求产生随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分离的需求越来越被重视,后端负责业务/数据接口,前端负责展现/交互逻辑,同一份数据接口,我们可以定制开发多个版本。 而前后端分离带来的一个问题就是前端web部署的服务器和后端提供服务的服务器大概...转载 2018-04-12 13:40:35 · 780 阅读 · 0 评论 -
Angular HTTP Client 快速入门
之前 激动人心的 Angular HttpClient 这篇文章已经介绍过 HttpClient ,今天看到 angular-university 博客中介绍 HttpClient 的文章,内容很详细,我就简单做了整理。有兴趣的话,建议直接阅读 原文。HttpClientModule 应用导入新的 HTTP Moduleimport {HttpClientModule} from '@angula...转载 2018-04-12 16:29:42 · 3561 阅读 · 1 评论 -
RxJS异步通信之Subject和BehaviorSubject
在RxJS中,Observable有一些特殊的类,在消息通信中使用比较频繁,下面主要介绍较常用的几个类:1.Subject类,Subject可以实现一个消息向多个订阅者推送消息,直接看代码实现吧var subject = new Rx.Subject(); //实例化一个Subject对象subject.next(1); //向接受者发送一个消息流subjec...转载 2018-04-13 11:02:26 · 991 阅读 · 0 评论 -
angular环境搭建
目前Angular的最新版本是Angular4.0,所以我们搭建的环境是4.0版本的。 Angular官方给我们提供了一个命令行工具就是Angular CLI,通过这个工具我们能很容易的创建Angular项目。后期对项目的管理及构建等都是使用这么命令行工具。1.安装nodejs 首先要安装nodejs,如果你的电脑已经装过了,最好确认是比较新的版本,否则可能会出问题。 没有安装的直接去nodejs...转载 2018-05-01 18:09:11 · 2671 阅读 · 0 评论 -
restful接口写法
-/* public function readall()- {- $model = model('Stock');- $data = $model->order('CREATION_DATE', 'desc')->field('id,pn,mfg,dc,pck,qty,LAST_UPDATE_DATE,CREATION_DATE')->limit(20)->select();-原创 2018-04-20 11:06:56 · 2018 阅读 · 0 评论 -
Angular路由之刷新报404
项目进入测试期,发现了一个开发过程中没有发现的问题:发布后访问网站,使用过程一切正常: 但只要刷新,就会: 开始查了一些资料:大都是关于这样的说法: 那如果必须要这样解决的话,不就违背了前后端分离的原则?又开始让后端控制前端,这样前端自己封装路由又有何深刻的意义。因为有着这样的信念:肯定有前端的解决方案,所以继续查资料,最终发现了我想要的,在此分享给大家: 首先,我...转载 2018-05-02 13:11:06 · 2287 阅读 · 2 评论 -
Angular 4 绑定
一、事件绑定1. 创建doOnClick函数 2. 网页中绑定doOnClick方法 3. 效果图 二、 属性绑定1. 定义imgUrl的网址 2. 定义img src属性 另外一种写法 3. html 属性绑定在网页中绑定size 4. css html 属性绑定html绑定 5. css增加属性原先已经有a 和b属性,之后增加c属性 6. ngClass管理多个csshtml code1&...转载 2018-05-03 16:34:03 · 557 阅读 · 0 评论 -
angular解决跨域问题
angular2、angular4、angular5 及以上版本的跨域问题。通过angular自身的代理转发功能配置package.json 两种方式启动代理服务 第一种: 启动项目通过npm start启动,会自动启动代理服务npm start1第二种: 或者直接以下命令启动代理服务ng serve --proxy-config proxy.conf.json1angular、spring c...转载 2018-04-10 10:08:56 · 5391 阅读 · 1 评论 -
angular 4 实现的tab栏切换
管理系统 tab 切换页,是一种常见的需求,大概如下:点击左边菜单,右边显示相应的选项卡,然后不同的选项卡面可以同时编辑,切换时信息不掉失!用php或.net,java的开发技术,大概是切换显示,然后加一个ifram来做到,或者通过ajax加载信息显示相应的层.但是如果用angular 要如何实现呢?第一个想法,是否可以用同样的ifarm来实现呢?第二个想到的是路由插座大概是这样的<rout...转载 2018-03-27 10:50:47 · 2976 阅读 · 0 评论 -
angular2/4 树形结构菜单示例
import { Component, Input } from '@angular/core';@Component({ selector: 'app-tree', templateUrl: './tree.component.html', styleUrls: ['./tree.component.scss']})export class TreeComponent {...转载 2018-04-02 10:04:14 · 5743 阅读 · 2 评论 -
angular学习途径
https://angular.cn/https://segmentfault.com/a/1190000009265310http://yunkus.com/angular-functional-module-tree-view-menu/http://www.cnblogs.com/yw0219/p/7818006.htmlhttps://toddmotto.com/dynamic-page-...转载 2018-03-18 21:24:18 · 548 阅读 · 1 评论 -
Angular 实现树形菜单(多级菜单)功能模块
前言本文要分享的是一个多级菜单效果,也就是传说中的树形结构菜单,理论上支持无限级菜单,当然数据结构要一定的要求,但这都不是什么难事,因为我们可以把数据组装成所需要的结构。下面这个例子虽然不是很完美好,但是估计也够用了。这个多级菜单是模仿 Angular 官方的左侧菜单效果来做的,效果的相似度应该达到 99%,本文内容有点多(主要是代码),因为我想把所有的代码都贴出来,尽量不让你幻想缺失的代码。好了...转载 2018-03-30 11:17:30 · 21410 阅读 · 18 评论 -
angular常用命令
创建项目ng new angular-tour-of-heroes创建服务ng g service services/menus按照惯例,这个模块类的名字叫做 APPRoutingModule,并且位于 src/app 下的 app-routing.module.ts 文件中ng generate module app-routing --flat --module=app--flat 把这个文件...原创 2018-03-30 19:07:13 · 687 阅读 · 0 评论 -
Angular4 监听路由URL的变化
Angular 4检测路由变化,可以使用router.events来监听:支持的事件类型:NavigationStart:导航开始NavigationEnd:导航结束NavigationCancel:取消导航NavigationError:导航出错RoutesRecoginzed:路由已认证在判断事件类型需要导入对应的事件类型,如:import { Router, NavigationStart ...转载 2018-04-08 15:46:07 · 16391 阅读 · 1 评论 -
Angular4 组件通讯方法大全
组件通讯,意在不同的指令和组件之间共享信息。如何在两个多个组件之间共享信息呢。最近在项目上,组件跟组件之间可能是父子关系,兄弟关系,爷孙关系都有。。。。。我也找找了很多关于组件之间通讯的方法,不同的方法应用在不同的场景,根据功能需求选择组件之间最适合的通讯方式。下面我就总结一下关于组件通讯的N多种方法。1.父→子 inputparent.tsimport { Component } from '@...转载 2018-04-08 16:51:14 · 151 阅读 · 0 评论 -
Angular 4 组件间的通信
一、输入属性(父组件与子组件通信)1. 创建工程ng new demo12.创建order组件ng g component order3. 在order组件里定义输入属性order组件的html 4. 父组件app.component.ts中定义stock app.component.html, 采用双向绑定 效果图最终父组件IBM的值,通过输入属性,把值传递给了子组件 二、输出属性(子组件与父...转载 2018-04-08 16:54:02 · 219 阅读 · 0 评论 -
组件间通讯
分类父子组件通信非父子组件通信实现父子父子组件通信一般使用@Input和@Output即可实现,参考Angular4学习笔记(六)- Input和Output通过Subject代码如下:message.service.tsimport { Injectable } from '@angular/core';import {Subject, Observable} from 'rxjs/';@...转载 2018-04-08 17:21:09 · 307 阅读 · 0 评论 -
Angular 2 利用Router事件和Title实现动态页面标题
本篇为译文,点击这里前往原文。Angular2 为我们提供了名为Title的Service用于修改和获取页面标题,但是如果只是能够在每个页面的ngOnInit方法中为每个页面设置标题岂不是太low了,不符合Angular2高(zhuang)大(bi)的身影。我们想要的结果是在页面改变时能够动态地改变页面标题,如此最好的解决方案就是组合使用Router事件和Title Service。Title S...转载 2018-04-09 10:58:38 · 413 阅读 · 0 评论 -
angular2+如何做一个可保持状态的router+tabs
https://www.zhihu.com/question/61325868/answer/190139133转载 2018-05-04 17:50:39 · 493 阅读 · 0 评论