Loading [MathJax]/jax/output/CommonHTML/config.js
社区首页 >问答首页 >如何在Angular中为angular.append添加的HTML元素设置不同的ID

如何在Angular中为angular.append添加的HTML元素设置不同的ID
EN

Stack Overflow用户
提问于 2016-04-19 23:08:55
回答 1查看 41关注 0票数 0

在我的指令中包含以下代码,该指令包含一个小叶地图:

代码语言:javascript
代码运行次数:0
复制
angular.element($elem[0]).append(angular.element('<div id="map" style="width: 100%; height: calc(100% - 25px); border: 1px solid #ccc"></div>'));

map = new L.Map('map', {layers: [osm], center: new L.LatLng(center[0], center[1]), zoom: 10});

如何为我添加的指令的每个副本设置不同的id?这样我就可以在屏幕上有几个地图副本,而不是目前我唯一的一个。谢谢。

EN

回答 1

Stack Overflow用户

发布于 2016-04-19 23:27:59

你可以试着这样做:

代码语言:javascript
代码运行次数:0
复制
$scope.mapCount=0;

angular.element($elem[0]).append(angular.element('<div id="map'+ mapCount++ +'" style="width: 100%; height: calc(100% - 25px); border: 1px solid #ccc"></div>'));

我希望它能帮上忙。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36731016

复制
相关文章
如何在 React 中获取点击元素的 ID?
在 React 应用中,我们经常需要根据用户的点击事件来执行相应的操作。在某些情况下,我们需要获取用户点击元素的唯一标识符(ID),以便进行进一步的处理。本文将详细介绍如何在 React 中获取点击元素的 ID,并提供示例代码帮助你理解和应用这个功能。
网络技术联盟站
2023/06/07
3.5K0
如何在 JS 中的数组开头添加元素?
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
前端小智@大迁世界
2021/03/02
9.6K0
git为不同的项目设置不同的邮箱
在我们使用Git开发项目的时候,可能经常会碰到个人和公司开发的项目都在一台机器上的情况。不管你们有没有,反正我是碰到了。因为公司有公司自己分配的邮箱,而我自己喜欢用自己的邮箱开发自己的项目。这样可能会导致邮箱混用的情况。
魔王卷子
2019/05/31
1.3K0
为matplotlib设置不同的主题
所谓主题,其实就是一套样式规则,对背景色,坐标轴,标题等图形基本元素的样式进行设定。R语言的ggplot2中,通过theme来指定图片主题,既可以采用系统自带的主题,也可以自定义其中的各个元素。
生信修炼手册
2020/09/04
1.9K0
为matplotlib设置不同的主题
html页面添加元素
Title table,td,th{ border: 1px solid slateblue ; } div{ vertical-align: center; text-align: center; } $(function (){ var $delete=function (){ var $parent = $(this).parent().parent();
await
2021/09/23
6.4K0
动态添加的html元素绑定事件的方法
在js中写好方法名对应的方法就可以了,如果绑定方法的元素太多,可以考虑使用方法二;
蓓蕾心晴
2018/07/24
3.5K0
jQuery中不同元素的作用
removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性
用户7718188
2021/10/07
1.7K0
如何在MySQL现有表中添加自增ID?
当在MySQL数据库中,自增ID是一种常见的主键类型,它为表中的每一行分配唯一的标识符。在某些情况下,我们可能需要在现有的MySQL表中添加自增ID,以便更好地管理和索引数据。在本文中,我们将讨论如何在MySQL现有表中添加自增ID,并介绍相关的步骤和案例。
网络技术联盟站
2023/08/03
2.1K0
如何在MySQL现有表中添加自增ID?
转: 细说HTML元素的ID和Name属性的区别
可以说几乎每个做过Web开发的人都问过,到底元素的ID和Name有什么区别阿?为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案:ID就像是一个人的身份证号码,而Nam
williamwong
2018/07/24
2K0
转: 细说HTML元素的ID和Name属性的区别
HTML中背景的设置
background-color 属性来完成,但在实际应用上,单调独一的背景颜色往往难以受众,因此,单独使用background-color肯定是不行的。
摸鱼的G
2023/02/22
5.4K0
如何在 TypeScript 中为对象动态添加属性?
在 TypeScript 中,我们经常需要在运行时动态添加属性到对象上。这是因为 TypeScript 是一种静态类型语言,类型系统在编译时会检查代码的类型安全性,所以在编译时我们无法确定对象上将要添加哪些属性。在本文中,我们将讨论如何在 TypeScript 中为对象动态添加属性,以及这样做的一些注意事项。
网络技术联盟站
2023/06/07
11.6K0
HTML中的内联元素与块级元素
文章作者:Tyan 博客:noahsnail.com  |  CSDN  |  简书
Tyan
2022/05/09
3.1K0
微信小程序 获取template下不同元素的id值
微信小程序 获取template下不同元素的id值
Java架构师必看
2021/09/23
2.6K0
微信小程序 获取template下不同元素的id值
Android 动态添加View 并设置id
主页面布局(main_activity.xml) LinearLayout 里面加一个Button,注意这里的LinearLayout要有orientation <?xml version="1.
yechaoa
2022/06/10
2.3K0
Android 动态添加View 并设置id
如何在CDH中为Kafka设置流量配额
温馨提示:如果使用电脑查看图片不清晰,可以使用手机打开文章单击文中的图片放大查看高清原图。 Fayson的github: https://github.com/fayson/cdhproject 提示:代码块部分可以左右滑动查看噢 1.文档编写目的 ---- 从0.9版本开始,Kafka集群新增了针对生产和消费请求进行配额(quotas)控制。本篇文章Fayson主要介绍如何在CDH中为Kafka设置流量配额。 文档概述 1.环境准备 2.Producer和Consumer流量配额测试 3.总结 测试环境
Fayson
2018/07/13
2.8K0
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
① 自定义 RecyclerView.Adapter 泛型类型 : 适配器的泛型类型需要设置为 RecyclerView.ViewHolder , 这是所有 ViewHolder 的基类 ;
韩曙亮
2023/03/28
8900
【RecyclerView】 九、为 RecyclerView 设置不同的布局样式
JS中添加元素的方法
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/152078.html原文链接:https://javaforall.cn
全栈程序员站长
2022/06/25
9.8K0
JS中添加元素的方法
点击加载更多

相似问题

如何在html中为多个元素设置相同的id

30

如何在HTML代码中为HTML元素的id设置变量的值?

16

如何在innerHTML中为html元素设置Id属性

31

如何在typescript / angular中为子html元素设置样式

16

如何在typescript和angular中为html元素添加样式

343
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

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

洞察 腾讯核心技术

剖析业界实践案例

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