import { Injectable, isDevMode } from '@angular/core'; import { HttpClient, HttpParams, HttpHeaders } from '@angular/common/http'; import { environment } from '../../environments/environment'; import { Observable } from 'rxjs'; @Injectable() export c…

angular2+ 不同于react的redux,vue的vuex,angular2+其实可实现数据状态管理的方法很多,以下方案一般也足够支撑普通业务: 父子组件通信 1.1 父组件向子组件传递信息(@Input) 父组件绑定信息 <app-child childTitle="可设置子组件标题"></app-child> 子组件接收消息 import { Component, OnInit, Input } from '@angular/core'; @Inpu…

引言: 如果说组件系统(Component)是ng2应用的躯体,那把服务(Service)认为是流通于组件之间并为其带来生机的血液再合适不过了.组件间通信的其中一种优等选择就是使用服务,在ng1里就有了广泛使用,而ng2保持了服务的全部特性,包括其全局单例与依赖注入.今天就来实践一下ng2的服务(Service)这一利器,来实现一个简单的音乐播放器,重点在于使用服务来进行音频的播放控制与全局范围的调用. 一.基本项目准备: 考虑到音频播放是个比较通用的服务,决定将其创建为一个单独的模块Audio…

引言: 如果说组件系统(Component)是ng2应用的躯体,那把服务(Service)认为是流通于组件之间并为其带来生机的血液再合适不过了.组件间通信的其中一种优等选择就是使用服务,在ng1里就有了广泛使用,而ng2保持了服务的全部特性,包括其全局单例与依赖注入.今天就来实践一下ng2的服务(Service)这一利器,来实现一个简单的音乐播放器,重点在于使用服务来进行音频的播放控制与全局范围的调用. 一.基本项目准备: 考虑到音频播放是个比较通用的服务,决定将其创建为一个单独的模块Audio…

完成思路:以service.ts(主题subject---订阅sbuscribe模式)为数据中转中间件,通过sku.ts的数据更改监测机制,同步更改service.ts中的数据,同时buy.ts组件实时接收service.ts的变化后的数据完成数据共享传递. 1.定义service.ts共享数据中转ts文件 import {Injectable} from '@angular/core'; import { Subject } from "rxjs/Subject"; export c…

service是单例模式的 新增Service类 search.service.ts import {Injectable} from '@angular/core'; @Injectable() export class SearchService { searchArea: string; constructor() { this.searchArea='广州市'; } } 新增Service模块 service.module.ts import {NgModule} from '@angu…

------20190318 ------------- 回头看,很多槽点已经随着升级改掉了   绑定string字面值到子组件@Input <app-overlay-static [name]="'marsh'"></app-overlay-static> 双引号+单引号.表示string的字面值. 不常用,因为通常是父组件遍历自己的属性,或者传自己的属性给子组件 更常见的是:只有双引号: [子组件@input] = 父组件的属性   #-----------…

在组件中定义的信息是固定的,假设另外一个组件也需要用到这些信息,这时候就用到服务,实现 共享数据 和 方法 组件不应该直接获取或保存数据,它们不应该了解是否在展示假数据. 它们应该聚焦于展示数据,而把数据访问的职责委托给某个服务. Service 可以从任何地方获取数据:Web 服务.本地存储(LocalStorage)或一个模拟的数据源 1.创建服务到指定目录下: ng g service services / storage 2.app.module.ts里面引入创建的服务 import {…

①使用ng g service services/storage创建一个服务组件 ②在app.module.ts 中引入HttpClientModule模块 ③在app.module.ts 中引入创建的服务 ④在services/http.service.ts中封装一个简单的http请求 import { Injectable } from '@angular/core'; import { HttpClient, HttpHeaders } from '@angular/common/http…

1.String str=new String("a")和String str = "a"有什么区别? String str = "a"; 这个只是一个引用,内存中如果有“a"的话,str就指向它,如果没有才创建如后还用到"a"这个字符串的话并且是这样用: String str1 = "a"; String str2 = "a"; String str2 = "a&q…