Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >AngularJS-如何在ng中引用属性名-重复

AngularJS-如何在ng中引用属性名-重复

提问于 2018-03-22 21:00:30
回答 2关注 0查看 192

除了呈现对象中属性的值外,我还希望将属性名称作为标签呈现。有没有办法ng-repeat是吗?例如:

代码语言:txt
AI代码解释
复制
<ul>
    <li ng-repeat="option in data">{{propertyName}}: {{option}}</li>
</ul>

可能会吐出这样的东西:

代码语言:txt
AI代码解释
复制
<ul>
    <li>Name: John</li>
    <li>Phone: (123) 456-7890</li>
    <li>Country: England</li>
</ul>

回答 2

火星救援队长

回答已采纳

发布于 2018-03-23 05:37:45

试试这个:

代码语言:txt
AI代码解释
复制
<ul>
    <li ng-repeat="(key,val) in data">{{key}}: {{val}}</li>
</ul>

土豆

发布于 2018-03-23 06:49:18

文档的问题是它说(key, value)有了这个空间

和开发者交流更多问题细节吧,去 写回答
相关文章
fastjson 重复引用和循环引用问题
数据传输使用json格式再方便不过了。 fastjson 由阿里巴巴那伙人使用Java语言编写,号称最快的JSON库 前两天遇到一个问题 后台的数据转化为json字符串后发送到前台出现了$ref字样的东西,后来明白了这是引用,在传输的数据中出现相同的对象时,fastjson默认开启引用检测将相同的对象写成引用的形式. 说到引用分为两种,重复引用和循环引用
Mshu
2018/10/31
2.7K0
如何在Vue中动态添加类名
能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松地编写自定义主题,根据组件的状态添加类,还可以编写依赖于样式的组件的不同变体。
前端小智@大迁世界
2020/05/12
6.4K0
如何在yaml文件中引用python函数?
大家对yaml文件还处于比较陌生的阶段,yaml 和 json 文件本质上是一样的,都是静态的文件,当然不能直接引用 python 的函数。 那这时候就有人问到了,那为什么 httprunner 框架可以在yaml文件中引用函数呢?
上海-悠悠
2022/03/03
11K4
如何在yaml文件中引用python函数?
【ssm个人博客项目实战07】博客的后台实现什么是循环引用和重复引用关闭循环引用/重复引用
在前面我们已经完成了博客类别的添加修改删除分页查询操作了,现在我们就来完成了博客的添加修改
yukong
2018/08/21
1.8K0
新版TCGA中RNAseq数据基因名居然有重复?!
TCGA数据库在2022年4月初进行更新之后,RNAseq的数据格式发生了很大变化,给我们广大的科研工作者带来了极大的不便。小编也是在第一时间给大家展示了TCGA数据库的变化,用图文的方式详细介绍了新版TCGA数据库RNAseq数据下载方法。
生信交流平台
2022/09/21
6010
新版TCGA中RNAseq数据基因名居然有重复?!
根据一个属性,剔除 Json 中重复元素(删除 JSON 中重复的部分)
如上有一个类似这样 json :JsonContext,主要是描述多个 user 的相关信息。
微风-- 轻许--
2022/04/13
4.1K0
Qml引用Loader组件属性
  本例子使用Loader加载myComponent组件,然后通过Loader的item属性设置myComponent的value属性。
Qt君
2023/03/17
8650
Qml引用Loader组件属性
【Hybrid开发高级系列】AngularJS(三)——开发实践
http://blog.fens.me/angularjs-yeoman-project/
江中散人_Jun
2023/10/16
3090
【Hybrid开发高级系列】AngularJS(三)——开发实践
如何在Java和Swift中避免空引用异常?
您最近在代码中遇到过NullPointerException(空指针异常)吗? 如果没有,那你一定是一个很细心的程序员。在Java应用程序中最常见的异常类型之一就是NullPointerExcepti
程序你好
2018/08/01
2.8K0
如何在Java和Swift中避免空引用异常?
如何在深度学习竞赛中获得前五名
本文中的所有代码都在GitHub Repository上。数据集已经在适当的文件夹中,并且代码可以运行(在安装PyTorch之后)。
代码医生工作室
2020/04/20
8130
如何在 TypeScript 中为对象动态添加属性?
在 TypeScript 中,我们经常需要在运行时动态添加属性到对象上。这是因为 TypeScript 是一种静态类型语言,类型系统在编译时会检查代码的类型安全性,所以在编译时我们无法确定对象上将要添加哪些属性。在本文中,我们将讨论如何在 TypeScript 中为对象动态添加属性,以及这样做的一些注意事项。
网络技术联盟站
2023/06/07
12.1K0
如何在windows下和linux下获取文件(如exe文件)的详细信息和属性
最近在项目开发中,由cs开发的exe的程序,需要自动升级,该exe程序放在linux下,自动升级时检测不到该exe程序的版本号信息,但是我们客户端的exe程序需要获取服务器上新程序的版本号信息。最后由我用java实现linux上exe文件的版本号读取功能。下面是详细代码:
业余草
2019/01/21
6.4K0
如何在windows下和linux下获取文件(如exe文件)的详细信息和属性
java 反射机制--根据属性名获取属性值
1.考虑安全访问范围内的属性,没有权限访问到的属性不读取 [java] view plain copy /**      * 根据属性名获取属性值      *       * @param fieldName      * @param object      * @return      */   private String getFieldValueByFieldName(String fieldName, Object object) {   try {              Fiel
庞小明
2018/07/06
5.4K0
springboot引用自定义属性
在application.yml 自定义 在需要引用到的变量声明处使用 @Value("${ficos.market-version}") 样例 @Value("${ficos.market-version}") public String mv="1.0"; 注意,如果变量声明在构造函数外,那么这里我运行的时候发现他晚于构造函数赋值 如果要在构造函数里面使用,这里是我查到的,没有试验过
全栈程序员站长
2021/04/07
4800
angularjs-解析分组的json
... and a need parse that JSON to an HTML structure like this, with or without Jquery.
w4979的博客
2020/05/20
6900
JS动态设置对象的属性名
var obj = {}; for(let i=0; i<3; i++){ obj[`key_${i}`] = i;// 使用符号"`"包裹属性名,使用"${}"包裹变量 } // 结果如下 obj = { key_0: 0, key_1: 1, key_2: 2 } 本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息: 原文出处:Yiiven https://www.yiiven.cn/js-set-object-attrname-dynamic.html
Yiiven
2022/12/15
9.8K0
Spring-引用Bean的属性值
将应用系统的配置信息存放在配置文件中并非总是最合适的,如果应用以集群的方式部署,或者希望在运行期动态调整引用的某些配置,这时,将配置信息放到数据库中不但方便集中管理,而且可以通过应用系统的管理界面动态维护,有效增强应用系统的可维护性。
小小工匠
2021/08/16
7500
Java中弱引用、软引用、虚引用、强引用、 Finalizer引用
在Java层面,一共有四种引用:强引用、软引用、弱引用、虚引用,这几种引用的生命周期由强到弱。转换关系大致如下图所示:
良辰美景TT
2018/12/24
2.1K0
点击加载更多

相似问题

如何在AngularJS的ng-options中设置value属性?

2758

一如会议sdk后,jar包重复怎么处理?

166

如何让git log显示文件名如svn log -v?

21.2K

COS上传文件,文件名重复,会覆盖吗?

12.2K

可以在<span>标签中自定义属性吗,如<span translation="hello">这样?

1460
相关问答用户
腾讯云TDP | TDP会员擅长3个领域
平安资管 | 架构师擅长4个领域
到家集团 | 技术VP擅长5个领域
擅长3个领域
擅长5个领域
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档