angularjs之ng-mode获取lobject类型里的键值

时间:2022-09-03 20:42:52

有时候数据库定义的时候,用一个对象来代表某个属性,之后直接访问对象就可以获取全部该对象的属性,但是有时需求访问对象中包含中的键值,引用键值的时候可以直接用.来获取对象的键值,比如

对象points:

angularjs之ng-mode获取lobject类型里的键值

获取对象的时候可以直接

$scope.points = data.points; //后台返回数据data

获取对象的键值

$scope.lat = data.points.lat;
$scope.lng = data.points.lng;

 所以我们要获取当前值进行修改:

页面

 <tr ng-repeat="park in parkListView" style="text-align: center;">
<td>{{park.parkId}}</td>
<td>{{park.parkName}}</td>
<td title="parkName">
<span ng-if="!park.$edit">{{park.points.lng}}</span>
<div ng-if="park.$edit"><input class="form-contrel" type="text" ng-model="park.points.lng" g-model-options="{getterSetter: true}"></div>
</td>
<td title="parkName">
<span ng-if="!park.$edit">{{park.points.lat}}</span>
<div ng-if="park.$edit"><input class="form-contrel" type="text" ng-model="park.points.lat" ng-model-options="{getterSetter: true}" ></div>
</td>
<td >{{park.createDate | date:'yyyy/MM/dd HH:mm:ss'}}</td>
<td title="Actions"><a type="button" class="btn btn-success" ng-if="!park.$edit" ng-click="park.$edit=true">增加</a>
    
<a type="button" ng-if="park.$edit" class="btn btn-info" ng-click="editParkingName(park)">保存</a>
    
<a type="button" ng-if="park.$edit" class="btn btn-default" ng-click="cancelEditName(park.$edit=false)">取消</a></td>
</tr>

  js:

        $scope.points = park.points;
$scope.points.lat = park.points.lat;
$scope.points.lng = park.points.lng;
console.info(typeof $scope.points)
console.info('获得经纬度:'+$scope.points.lat+'====='+$scope.points.lng);
var opts = {
editParkId : $scope.editParkId,
editParkName : $scope.editParkName,
lat : $scope.points.lat,
lng : $scope.points.lng
};
console.log(opts);

结果截图:

angularjs之ng-mode获取lobject类型里的键值

angularjs之ng-mode获取lobject类型里的键值的更多相关文章

  1. js如何获取object类型里的键值

    最近遇到一个问题: var obj = {"name1":"张三","name2":"李四"}; var key = & ...

  2. js获取object类型所有的键值对

    万物皆对象,而对象完全可以用键值对来表示,所以,在js中,也是通过键值对来表示对象的,在开发中,我在修改的时候,知道属性值可以直接用点.符号来获取值,但是写common.js的时候,发现这个属性名称是 ...

  3. Dapper基础知识四之 利用Dapper获取不同类型的主键值

    在下刚毕业工作,之前实习有用到Dapper?这几天新项目想用上Dapper,在下比较菜鸟,这块只是个人对Dapper的一种总结. 一下是Dapper源码几种主键,当主键不包含"ID&quot ...

  4. js获取键盘按下的键值event&period;keyCode&comma;event&period;charCode&comma;event&period;which的兼容性

    js获取键盘按下的键值有event.keyCode,event.charCode和event.which 其中: 谷歌浏览器对event.keyCode,event.charCode和event.wh ...

  5. 通过反射,获取linkedHashMap的最后一个键值对。对map按照值进行排序。

    1:通过反射,获取linkedHashMap的最后一个键值对. Map<Integer, Integer> map = new LinkedHashMap<>(); Field ...

  6. JDBC学习笔记&lpar;6&rpar;——获取自动生成的主键值&amp&semi;处理Blob&amp&semi;数据库事务处理

    获取数据库自动生成的主键 [孤立的技术是没有价值的],我们这里只是为了了解具体的实现步骤:我们在插入数据的时候,经常会需要获取我们插入的这一行数据对应的主键值. 具体的代码实现: /** * 获取数据 ...

  7. 【转】JDBC学习笔记&lpar;6&rpar;——获取自动生成的主键值&amp&semi;处理Blob&amp&semi;数据库事务处理

    转自:http://www.cnblogs.com/ysw-go/ 获取数据库自动生成的主键 我们这里只是为了了解具体的实现步骤:我们在插入数据的时候,经常会需要获取我们插入的这一行数据对应的主键值. ...

  8. JDBC&lowbar;获取插入记录的主键值

    <span style="font-size:24px;">package src.com.JDBC2DAO.java; import static org.junit ...

  9. MYSQL 之 JDBC(十一): JDBC获取插入记录的主键值

    取得数据库自动生成的主键值 package com.litian.jdbc; import javax.swing.plaf.nimbus.State; import java.sql.*; /** ...

随机推荐

  1. RSA加密算法的java实现

    package rsa; import java.security.*;import java.security.interfaces.*;import javax.crypto.*; public ...

  2. Android 资源(resource详解(转)

    本文介绍在Android开发中关于资源文件的存储操作.对于Android资源也是非常重要的,主要包括文本字符串(strings).颜色(colors).数组(arrays).动画(anim).布局(l ...

  3. StackExchange&period;Redis通用封装类分享

    前两天朋友问我,有没有使用过StackExchange.Redis,问我要个封装类,由于之前都是使用ServiceStack.Redis,由于ServiceStack.Redis v4版本后是收费版的 ...

  4. PHP用mb&lowbar;string函数库处理与windows相关中文字符

    昨天想批处理以前下载的一堆文件,把文件里的关键内容用正则匹配出来,集中处理.在操作文件时遇到一个问题,就是windows操作系统中的编码问题. 我们都知道windows中(当然是中文版),文件名和文件 ...

  5. C&plus;&plus;单例模板

    #pragma once namespace MyGame { template<typename T> class Global { public: static void Create ...

  6. ios8&period;1&period;2耗电情况严重的解决方法

    打开cydia,搜索ifile(威锋源,版本2.1.0-1).打开ifile,进入路径/Applications.里面有许多程序文件,选择适当的进行禁用(ifile可以禁用程序的活动而不完全删除它,这 ...

  7. 使用ReactiveCocoa实现iOS平台响应式编程

    使用ReactiveCocoa实现iOS平台响应式编程 ReactiveCocoa和响应式编程 在说ReactiveCocoa之前,先要介绍一下FRP(Functional Reactive Prog ...

  8. C&num;表达式目录树(Expression)

    1.什么是表达式目录树 :简单的说是一种语法树,或者说是一种数据结构(Expression) 2.用Lambda声明表达式目录树: Expression<Func<; //表达试目录树的方 ...

  9. 关于vue 框架与后台框架的混合使用的尝试

    这几天我在研究前台框架和后台框架融合的问题,进行了一些尝试; 我前台选择的是 vue,当然也可以选择 react 等其他 mvvm 框架,不过 vue 对于我来说是最熟悉的; 后台话,我选择的是 ph ...

  10. Net Core平台灵活简单的日志记录框架NLog&plus;Mysql组合初体验

    Net Core平台灵活简单的日志记录框架NLog初体验 前几天分享的"[Net Core集成Exceptionless分布式日志功能以及全局异常过滤][https://www.cnblog ...