个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
我正在尝试使用 AngularJS 找到获取和设置 HTML 标记中属性值的最佳方法。示例:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>My WebSite</title>
</head>
<body>
<h1>Title</h1>
<p>Praragraph1</p>
<p data-mycustomattr="1234567890">Paragraph 2</p>
<p>Paragraph 3</p>
<footer>Footer</footer>
</body>
</html>
然后，当我调用 url '/home' 时，我想从 data-mycustomattr 中获取值(我将用于另一次计算)，然后将其替换为“1”，
如果 url 是“/category”，我想从 data-mycustomattr 中获取值，并将其替换为“2”。
使用 jQuery，这真的很简单:
$("#myPselector").attr('data-mycustomattr');
或
$("#myPselector").attr('data-mycustomattr','newValue');
我使用了那个 jQuery 代码，将它放在我的 Controller 中，并且运行良好。但据我所知，这可能是一种不好的做法。
但是，我找到的使用指令的解决方案对于这样一个简单的任务来说太大了。所以我想知道在特殊情况下结合使用 jQuery 和 AngularJS 是否还算不错。
你怎么看？您是否有更好的解决方案来获取和设置属性的值？
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>My WebSite</title>
</head>
<body>
<h1>Title</h1>
<p>Praragraph1</p>
<p data-mycustomattr="{{mycustomattr}}">Paragraph 2</p>
<p>Paragraph 3</p>
<footer>Footer</footer>
</body>
</html>
然后，在 Controller 中，我插入:
$scope.mycustomattr = '1';
阅读方面:
if ($scope.mycustomattr == '1'){
// code
}
经过测试并且工作正常。
最佳答案
一般来说，您希望让您的模型驱动您的 View ，并避免直接对 DOM 进行更改。实现此目的的一种方法是让您的 Controller 根据路由设置属性的值。然后将该值绑定(bind)到所需的属性
var mediaApp = angular.module('mediaApp',[]);
mediaApp.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/video', {templateUrl: 'video.html', controller: 'VideoCtrl'});
$routeProvider.when('/audio', {templateUrl: 'audio.html', controller: 'AudioCtrl'});
}]);
mediaApp.controller('VideoCtrl',function($scope){
$scope.customAttributeValue = "1";
});
mediaApp.controller('AudioCtrl',function($scope){
$scope.customAttributeValue = "2";
});
然后在您的 View 模板中简单地绑定(bind)属性。
<h2>Videos</h2>
<div data-customattr="{{customAttributeValue}}">
</div>
还有音频模板...
<h2>Audio</h2>
<div data-customattr="{{customAttributeValue}}">
</div>
当导航到路由/video data-customattr 时值为 1，当导航到路由/audio data-customattr 时值为 2 .
关于jquery - 如何使用 AngularJS 获取和设置 HTML 标签的属性值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16549498/
25
4
0
我有一个加载有默认值的元素。后来，我通过 jQuery 的 input.val("different value") 更改了该值。 . 当我 console.log() 元素时，我在 firebug
我们在 DropDownListFor(ASP.NET MVC3 版本)中发现了奇怪的行为。它在下拉列表中选择 ViewBag 属性值而不是 Model 属性值。 模型: public class C
寻找一种方法将描述字段添加到 Magento 中的单个属性值。请注意，我指的是属性值选项，而不是实际的属性本身。 举个例子: 属性=颜色 属性值:红、绿、蓝 我想为 3 种颜色中的每一种添加一个描述字
我知道如果我们知道注释类，我们可以轻松获取特定的注释并访问其属性。例如: field.getAnnotation(Class annotationClass) 它将返回特定注释接口(interface
我正在尝试报告我创建的椭圆形 div 的边框半径值，但我得到了一个未定义的返回值。谁能解释为什么？我是犯了一个简单的错误还是我的代码有问题？谢谢你! CSS3
我有两个表: Bike__________________________ Kiosk 带列: BikeID, Location_________________ KioskID,
我在 Java .properties 文件中有一个值需要以反冲结束。属性值应该是“\\server\folder\”，我这样输入值: name=\\\\server\\folder\\ 结尾的反斜杠
我创建了一个 DeformableShape 对象并通过 for 循环创建它的实例。我正在调用对象的 setPosition 方法并更改其枢轴属性，但所有实例的值都会更新...假设我有对象 A 并且我
是否可以在类名中为 CSS 传递参数？例如: .mrg-t-X { margin-top: Xpx; } Test 在此示例中，X 应为 10。 最佳答案 不，不是。我们最接近的是 attr()
是否可以在类名中为 CSS 传递参数？例如: .mrg-t-X { margin-top: Xpx; } Test 在此示例中，X 应为 10。 最佳答案 不，不是。我们最接近的是 attr()
是否可以在类名中为 CSS 传递参数？例如: .mrg-t-X { margin-top: Xpx; } Test 在此示例中，X 应为 10。 最佳答案 不，不是。我们最接近的是 attr()
我在使用 C# 中的数据注释时遇到了问题。我正在使用自定义必需属性和范围属性，我想将一个对象设置为错误消息。 [MyOwnRequired(ErrorCode=GlobalMessages.Messa
是否可以在类名中为 CSS 传递参数？例如: .mrg-t-X { margin-top: Xpx; } Test 在此示例中，X 应为 10。 最佳答案 不，不是。我们最接近的是 attr()
我知道如果我们知道注解类，我们可以很容易地得到具体的注解并访问它的属性。例如: field.getAnnotation(Class annotationClass) 这将返回特定注解接口(interf
我正在使用 sinon v4.1.2。根据文档( http://sinonjs.org/releases/v4.1.2/sandbox/ )，我应该能够使用以下内容设置属性: sandbox.stub
我想在我的应用程序中将一些 valraibles 的值外部化，它使用 spring 到类似属性文件的东西。 我怎样才能做到这一点？ 最佳答案 Spring 提供了一个 BeanFactoryPostP
我有这个界面 public interface IMyInterface { IEnumerable Params { get; } } 在哪里 MyParamInfo 是 public c
我有一个 xml 字符串，其中包含我想要屏蔽的某些值。我还有一个黑名单列表，其中包含我要屏蔽的元素或属性的名称。我如何使用 Linq 执行此操作？ var BlackList=new List{"ss
以下是读入XmlDocument的XML文件 我需要的是存储在一些 TextBox 中的 'id' 属性值(“2015”) 这就是 XmlDocument 的加载方式 XmlDocume
IDE 对象检查器通过下拉 ColorBox 显示 TColor 属性，并且可以按图形单元中定义的名称 - clBlack 等选择颜色。问题是图形单元中定义的 clWeb 颜色不存在，并且我定义的任何
我是一名优秀的程序员,十分优秀！