angular--ngResource的简单使用

service.factory(‘domainResource‘,function($resource){
    return $resource(‘/domainsInfo/:id‘,{id:‘@id‘})
});
service.factory(‘resultset‘,function($resource){
    return $resource(‘/resultset/:key/:objName‘,{key:‘@key‘,objName:‘@objName‘})
});
service.factory(‘objValuesResult‘,function($resource){
    return $resource(‘/objValuesResult/:key/:property/:valueBlob‘,{key:‘@key‘,property:‘@property‘,valueBlob:‘@valueBlob‘})
});
service.factory(‘test‘,function($resource){
    return $resource(‘/test‘,{})
});

获得data:

$scope.KeyObjects =resultset.query({key:key});

 存:

      var updateOneRecord = new resultset({});

      updateOneRecord[‘key‘] = resu.key;
      updateOneRecord[‘objectid‘] = resu.objectid;
      updateOneRecord[‘column‘] = resu.column;
      updateOneRecord[‘property‘] = resu.property;
      updateOneRecord[‘labels‘] = $scope.labelMap;
      updateOneRecord[‘values‘] = $scope.valueMap;
      resultset.save(updateOneRecord);

删除:

      var delMyRecord = new resultset({key:resu.key,objName:resu.column});
       resultset.delete(delMyRecord);
时间: 2024-11-05 06:09:25

angular--ngResource的简单使用的相关文章

Angular CLI的简单使用(2)

刚才创建了myApp这个项目,看一下这个项目的文件结构.    项目文件概览 Angular CLI项目是做快速试验和开发企业解决方案的基础. 你首先要看的文件是README.md. 它提供了一些如何使用CLI命令的基础信息. 如果你想了解 Angular CLI 的工作原理,请访问 Angular CLI 的仓库及其Wiki. 有些生成的文件你可能觉得陌生.接下来就讲讲它们. src文件夹 你的应用代码位于src文件夹中. 所有的Angular组件.模板.样式.图片以及你的应用所需的任何东西都

angular 路由的简单使用

html结构: <body ng-app='rootApp'> <ul> <li><a href='#/'>主页</a></li> <li><a href='#/floor1'>一楼</a></li> <li><a href='#/floor2'>二楼</a></li> </ul> <!-- ng-view 渲染站位 --

Angular CLI的简单使用(1)

参考地址:  https://v2.angular.cn/docs/ts/latest/cli-quickstart.html Angular CLI是一个命令行界面工具,它可以创建项目.添加文件以及执行一大堆开发任务,比如测试.打包和发布. 1. 请先在终端/控制台窗口中运行命令 node -v 和 npm -v, 如下图,没有安装的去安装NodeJS(https://nodejs.org/en/). 2.  然后全局安装 Angular CLI , 会下载一些东西,需要等一段的时间, 最后如

angular前端框架简单小案例

一.angular表达式 <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/angular.min.js"></script> <!-- 如果要使用angular 1.必须先引入相关的框架 2.必须在页面body上写一个属性ng-app表示使用angular js应用 3.表达式页面如果需要展示数据,需要写

Angular、React.js 和Node.js到底选谁?

为了工作,程序员选择正确的框架和库来构建应用程序是至关重要的,这也就是为什么Angular和React之间有着太多的争议.Node.js的出现,让这场战争变得更加复杂,虽然有选择权通常是一件很棒的事情,但在这种情况下,对于到底应该选择哪种框架,程序员之间并没有一致的意见,每个人都有不同的想法,并且听起来都相当合理. 为了让一切归于和谐,本文就来探究一下这三大框架各自的优缺点. 基础知识部分: 在我们深入研究这三种框架的具体细节之前,先来了解一些前情提要.yigouyul22.com xucaiz

优化Angular应用的性能

优化Angular应用的性能 MVVM框架的性能,其实就取决于几个因素: 监控的个数 数据变更检测与绑定的方式 索引的性能 数据的大小 数据的结构 我们要优化Angular项目的性能,也需要从这几个方面入手. 1. 减少监控值的个数 监控值的个数怎么减少呢? 考虑极端情况,在不引入Angular的时候,监控的个数是为0的,每当我们有需要绑定的数据项,就产生了监控值. 我们注意到,Angular里面使用了一种HTML模板语法来做绑定,开发业务项目非常方便,但考虑一下,这种所谓的“模板”,其实与我们

浅析angular框架的cookie

相信接触过网页编程的基本上都知道cookie这个东西吧,一个毫不起眼,但是又十分的重要的东西,今天我们就来分析一下这个小东西,我们都知道客服端通过发送http请求到服务器请求我们的数据,当我们的服务器接收到这个响应之后,经过处理之后会给出相应的响应,也就是传送回来我们需要的数据.但是如果我们关闭了页面之后再一次打开发送相应的请求会有什么情况发生呢?是否会快一点?没错,那就是cookie的作用. 在举一个列子,比如A页面里面有你的id,姓名,密码等信息,然后你通过A页面跳转到B页面,为什么我们的B

用angular做的模糊搜索

今天大家来试一试用angular做一下简单的搜索功能吧: 首先我们需要写html的部分,我们需要设置几个条件,比如按什么来排序,按升序还是降序搜索,和一个文本框来设置模糊搜索: <nav> <select ng-model="a"> <option value="num">按编号排序</option> <option value="name">按姓名排序</option> &

Angular实现注册系统

Angular是Google开发的前端技术框架,下载地址:https://code.angularjs.org/1.5.0/angular.js 通过对angular的简单理解后发现,angular通过一些简单的指令即可实现对DOM元素的操作,其特色为双向数据绑定 下面,让我们通过angualr来实现注册系统表单验证. 首先看一下页面效果(通过bootstrap实现的布局样式): 当我们点击提交按钮时,会根据表单验证,若通过,则没有提示语句,若不通过,则会弹出响应提示语句,当然该功能可以通过其他

Angular从0到1:function(上)

1.前言 Angular作为最流行的前端MV*框架,在WEB开发中占据了重要的地位.接下来,我们就一步一步从官方api结合实践过程,来学习一下这个强大的框架吧. Note:每个function描述标题之后的★标明了该function的重要程度(1~5星). 2.function(上) Angular封装了一系列公共方法,帮助我们更简单的使用JS.这些就是Angular的function. 2.1.angular.bind(★) angular.bind类似于Function.prototype.