前做了在一个页面的CRUD的方法，现实中webapi模块往往是单独写服务的，所以修改了一下原来的设计和结构，还是需要很多知识的。2017.11.15增加patch方法 ，改进服务程序优化写法2017.11.27增加Promise返回值处理,服务器返回错误信息后的处理.因为所有的CRUD方法 都写在服务中，所以后台的代码就简单多了，回调还需要详细信息什么的，总之已经能运行正常了： 1 import { Component, OnInit } from ‘@angular/core‘;2 import { Pati...
angular本身自带访问组件http和httpclient，组件本身都是异步模式访问。本文只列举了对http组件的封装同时也一同处理会话超时监控。 实现思路概述：1、将请求入参和出参统一约定2、封装方法将请求参数、数据处理方法、数据呈现方法、访问错误处理方法封装在一起，业务调用通过服务调用该封装方法，同时把请求参数、数据处理方法、数据呈现方法、访问错误处理方法传过来即可3、在每次请求交互时，都会记录当前请求时间。系统工作台...
服务可以理解为公共的方法，项目里面需要用到的公共方法都可以抽离为一个公共的方法使用服务类的定义通常紧跟在 “@Injectable()” 装饰器之后，依赖不一定是服务 —— 它还可能是函数或值。也就是说函数或值不需要@Injectable()装饰器下面给几个服务案例1、公共函数或值，目录：app->core->services->utils->app-common.function.tsexport function getRole():string {return sessionStorage.getItem(‘erp_role‘); }2、公共服务...
本篇接着上一篇 angular的uiRouter服务学习(2) 继续讲解uiRouter的用法本篇主要讲解uiRouter的多个命名的视图 我们可以给ui-view元素添加ui-view的值来给它命名,这样,一个视图模板里就可以有多个ui-view标签. 比如下面这个应用,它需要动态的填充一个图表,图表里有一些表格数据,筛选项,等:给视图命名,需要在状态里定义views属性. views的属性值为一个对象. views属性会覆盖template属性:如果给状态定义了views属性,那么状态的templa...
app = angular.module("app",[]); app.value("realname","liyang");//可以改变 app.value("User",{name:"liyang",pwd:"123456"}) //可以直接绑定一个js对象 app.constant("baidu","www.baidu.com");//不可以改变，这2个一般用于简单配置文件的使用 app.factory("data",function(){return "我就是结果";//当然这里也可以返回js对象}) app.service("serviceData",function(){this.name = "zhangsan"this.pwd = "654321" }) <!--上面这...
使用服务建立数据 在AngularJS（二）中，我搭建好了deployd服务，现在启动服务，创建正在的数据（开始是使用模拟数据），使用cmd命令 一、开启Mongodb数据。 贴图： 二：测试是否正常开启，使用mongo命令。在ＣＭＤ中输入： Ｍｏｎｇｏｄｂ默认建立的数据时test,说明mongodb已经开启。 三、 使用我们搭建好的deployd 服务建立数据，首先是开启...
Angular Http是获取和保存数据的。主要是为了取到我json文件里的数据。直接上代码吧：1. 先介绍Promise模式的：（直接代码） heroes.json： 12345678{ "data": [ { "id": 1, "name": "Windstorm" }, { "id": 2, "name": "Bombasto" }, { "id": 3, "name": "Magneta" }, { "id": 4, "name": "Tornado" } ]} http肯定是要有服务的，下面先看service的代码： hero.service.promise.ts:1234567891011121314151617181920...
原文：https://www.cnblogs.com/sugartang/p/11421380.html
如果我没记错的话，spring里边有个service层。什么是服务呢？个人理解就是很多地方要用的，可以跨越控制器甚至是跨越模块的工具。AngularJS也为我们提供了服务这种机制，这让我们可以将一些不属于某个控制器独有的东西定义成一个服务，要用的时候直接拿过来就好。使用服务有什么好处呢？一是便于统一修改，二是调用者不用关心内部实现，三是便于测试。一、factory<!DOCTYPE html><html lang="en" ng-app=‘myApp‘><head><meta cha...
rxjs 库中 Subject 类可以用于实现多播，其本身已经有多个实现（可参考【Rxjs】 - 解析四种主题Subject），但是都是需要手动操作Subject对象进行发布。 这里通过继承 BehaviorSubject（Subject的实现类，也可以直接继承Subject，但这里考虑到可能会用到初始值的时候）实现在第一次订阅（调用subscribe方法）时进行初始化（可以从服务器获取数据）。第一步: InitSubject 类定义import {BehaviorSubject, Subscriber, Subscription} ...
需要被调用方法的组件文件import { Component, ChangeDetectionStrategy, ChangeDetectorRef } from ‘@angular/core‘;import { SettingsService } from ‘@delon/theme‘;import { SetdataService } from ‘./setdata.service‘import { NgZone } from ‘@angular/core‘;@Component({ selector: ‘layout-header‘, templateUrl: ‘./header.component.html‘, changeDetection: ChangeDetectionStrategy.OnPush,})export cl...
读取文件夹下的文件publicstring ReadImagesPaths() {string result = string.Empty;try {string path = System.IO.Directory.GetCurrentDirectory();DirectoryInfo files = new DirectoryInfo(path+@"\Images");FileInfo[] fileinfo = files.GetFiles();foreach (FileInfo file in fileinfo){//result += files +@"\"+ file.Name + ";";result += file.Name + ";";}}catch(Exception ex){_log.Error(ex);}return result;}根据文件...
AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。比如：ng-app 指令初始化一个 AngularJS 应用程序。注意ng-app一般为空，如果值不为空，就得加这样一句代码var app = angular.module(‘名字‘, []);ng-init 指令初始化应用程序数据。这个在之前已经说过了，下面讲一下之前没讲到的。ng-repeat指令与ng-options指令<!--一般ng-repeat通常用于ul与li这种列表和表格--><div ng-app="" ng-init="names=[ {name:‘Jani‘,country:‘N...
ng内部，一旦发生值改变操作，如$scope.m=x,就会自动轮询$digest队列，触发指定的$watch，调用其回调函数，然后修改dom树。干货：https://github.com/xufei/blog/issues/101.ng提供了许多内置的服务，例如常用的$scope\$http\$window\$location等。http：POST请求： var app = angular.module(‘myApp‘, [‘ng‘]);app.run(function($http){ //post 请求设置请求头$http.defaults.headers.post = {‘Content-Type‘:‘...
创建服务虽然AngularJS提供了很多有用的服务，但是如果你要创建一个很棒的应用，你可能还是要写自己的服务。你可以通过在模块中注册一个服务工厂函数，或者通过Module#factory api或者直接通过模块配置函数中的$provide api来实现。所有的服务都符合依赖注入的原则。它们用一个唯一的名字将自己注册进AngularJS的依赖注入系统（injector），并且声明需要提供给工厂函数的依赖。它们的依赖在测试中可以是虚拟的，这使得它们能很好地...