Question

我有下面的html：

<div class="div1">
     <span class="span1" content="Apple">
     </span>
     <span class="span2" content="Orange">
     </span>
</div>
<div class="div2">
     <span class="span1" content="Mazda">
     </span>
     <span class="span2" content="Nissan">
     </span>
</div>

我需要提取属性值＆＃34;内容＆＃34;这是＆＃34;马自达＆＃34;来自div2 - ＆gt; SPAN1。

使用JQuery，我这样做：

$(".div2 .span1").attr("content");

如何使用AngularJS实现相同目标？

Answer 1

使用jQuery或vanilla javascript获取元素的值，例如document.getElementById，有点破坏了AngularJs和类似框架的整个目的。

使用AngularJS 1.x的数据绑定和循环功能，你的html看起来像这样：

<div class="div1">
     <span class="span1" ng-repeat="fruit in fruits">
         {{fruit}}
     </span>
</div>

<div class="div2">
     <span class="span1" ng-repeat="car in cars">
         {{car}}
     </span>
</div>

如果你想潜入这里，有一个很棒的主题："Thinking in AngularJS" if I have a jQuery background?

如何使用AngularJS获取Child HTML元素属性值

1 个答案: