我想找到最好的方式来获得&通过使用AngularJS为HTML标签中的属性设置值.例:

My WebSite

Title

Praragraph1

Paragraph 2

Paragraph 3

Footer

然后,当我调用url’/ home’时,我想从data-mycustomattr获取值(我将用于另一个计算),然后将其替换为“1”,

如果url是’/ category’,我想从data-mycustomattr获取值,并将其替换为“2”.

使用jQuery真的很简单:

$("#myPselector").attr('data-mycustomattr');

要么

$("#myPselector").attr('data-mycustomattr','newValue');

我使用那个jQuery代码,把它放在我的控制器里面,它工作正常.但是据我所知,这可能是一个糟糕的做法.

然而,我发现使用Directives的解决方案对于这样一个简单的任务来说太大了.

所以我想知道如果在特殊情况下组合jQuery和AngularJS可能不是太糟糕了.

你怎么看?你有一个更好的解决方案来获得&设置属性的值?

答案基于乔纳森的回答:

My WebSite

Title

Praragraph1

Paragraph 2

Paragraph 3

Footer

然后,进入控制器,我插入:

$scope.mycustomattr = '1';

并阅读:

if ($scope.mycustomattr == '1'){

// code

}

测试和工作正常

angularjs html标签,jquery – 如何使用AngularJS获取和设置HTML标签的属性值?相关推荐

  1. jquery 获取或设置radio单选框选中值的方法

    jquery 获取或设置radio单选框选中值的代码 1.获取选中值,三种方法都可以: 2.设置第一个Radio为选中值: 3.设置最后一个Radio为选中值: 4.根据索引值设置任意一个radio为 ...

  2. go基础库之环境变量的获取与设置以及如何使用默认值

    golang 基础库之 go 获取命令行参数,介绍了环境变量的获取与设置以及如何使用默认值 环境变量的获取与设置以及如何使用默认值 Golang 版本 1.12.1 前言 环境变量作为配置选项可以显著 ...

  3. 获取和设置消息队列的属性msgctl,删除消息队列

    消息队列的属性保存在系统维护的数据结构msqid_ds中,用户可以通过函数msgctl获取或设置消息队列的属性. int msgctl(int msqid, int cmd, struct msqid ...

  4. 如何获取数组中嵌套对象中属性值不为空的对象?

    如何获取数组中嵌套对象中属性值不为空的对象? 有一个对象数组如下: let arr = [ {id:1,aa:'aa1'}, {id:2,aa:'aa2',bb:{ cc:{dd:12} }}, {i ...

  5. jquery 样式获取设置值_jQuery获取样式中的背景颜色属性值/颜色值

    天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome.Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome. ...

  6. jQuery 学习-样式篇(六):jQuery 获取和设置表单元素的值

    推荐阅读 Helm3(K8S 资源对象管理工具)视频教程:https://edu.csdn.net/course/detail/32506 Helm3(K8S 资源对象管理工具)博客专栏:https: ...

  7. jQuery——滚动条位置的获取与设置

    1.scroll() 方法 $(selector).scroll() 当用户滚动指定的元素时,会发生 scroll 事件. scroll 事件适用于所有可滚动的元素和 window 对象(浏览器窗口) ...

  8. css提取页面元素唯一性_下面这个函数,能够获取一个元素的任意 CSS 属性值。...

    在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下: 1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属 ...

  9. java反射之Field用法(获取对象的字段名和属性值)

    一.概述 Field是一个类,位于java.lang.reflect包下.在Java反射中Field类描述的是类的属性信息,功能包括: 获取当前对象的成员变量的类型 对成员变量重新设值 二.如何获取F ...

  10. JavaScript获取、设置、移除属性

    1.获取属性:element.属性值和element.getAttribute('属性') <div id="demo" index="1">< ...

最新文章

  1. latex 中文_【小白向】LaTeX 中文入门
  2. AR独角兽的死亡教训:融资3亿美元后,成投资人提线木偶,营销大于产品技术...
  3. BZOJ-1057: [ZJOI2007]棋盘制作(单调栈)
  4. element ui dialog 对话框设置fullscreen_UI设计中的弹窗设计素材,技巧快get起来
  5. 风险意识培训教程(续)
  6. “ORA-01017(:用户名/口令无效; 登录被拒绝)” ORA-28000: the accout is locked(用户账号被锁)解决方法
  7. FastDFS详细安装步骤,测试;Nginx中配置FastDFS,并提供优化,下载方法,楼主已测
  8. 人的成熟不是年龄,而是懂得了放弃。Python_China的博客
  9. 费用分摊分配用法(KSU5/KSV5/KB21N/KB11N)
  10. 腾讯服务器微信分身,腾讯禁止微信双开应用,为什么还有那么多人“冒死”双开微信呢?...
  11. (DP)codeforces - 710E Generate a String
  12. Objective-C中的instancetype和id区别
  13. 学习前端常用到的网站
  14. 《最优状态估计-卡尔曼,H∞及非线性滤波》:第7章 卡尔曼滤波的扩展
  15. 移动支付新发展:开拓支付领域,不止于支付服务
  16. Java开发新闻管理系统(前后端) 爬虫百度、新浪等新闻
  17. 局域网下两台电脑之间的文件传输
  18. A Blockchain-Based Decentralized Federated Learning Framework with Committee Consensus
  19. 恶魔java_黑暗骑士之恶魔战争
  20. 试试Visual Studio中新的远程文件查看器

热门文章

  1. Vue2.0 之 自带浏览器里无法打开(兼容IE处理) - 解决方案 命令
  2. java 继承 封装 多态 详解
  3. 谁说Python慢来着?不用Python,这个问题难倒了无数的程序员
  4. 百度智能云“云+AI”新战略年终答卷,PaddlePaddle累计开发者数量265万人
  5. 华为定义5.5G网络;阿里巴巴美股投资者发起集体诉讼;Kaldi核心算法K2 0.1版本发布|极客头条
  6. 华为轮值董事长郭平:5“机”协同是基础电力,ICT行业应用将像家用电器和工业电气化
  7. 编程小白模拟简易比特币系统,手把手带你写一波!(附代码)
  8. 美国空手道俱乐部的 Python 库原来长这样!
  9. 我的第一个全栈 Web 应用程序
  10. 软件核心研发迎来又一春!