Javascript 如何获取HTML元素的变量属性？

我有一个ng repeat，其中我设置了如下属性：

{{item.itemValue}}

item.stepType可以有值“task”或“action” 我正在尝试获取属性“stepType”，如下所示：

let stepType = el.getAttributeNode("stepType");
console.log(stepType.value);

我得到的结果是：

{{item.stepType}}

但预期结果是

任务

或

操作

我还尝试使用函数

getAttribute（）

获取属性，但结果相同

我还注意到，在上面的代码中，如果我记录

stepType

的值而不是

stepType.value

，我会得到如下对象

stepType:'task'

---

如何获取期望值？

尝试删除双引号。替换这个

<div ng-repeat="item in itemsList"
     stepType="{{item.stepType}}">
     {{item.itemValue}}
</div>

{{item.itemValue}}

与

{{item.itemValue}}

如果属性名称为：

{{item.itemValue}}

自定义AngularJS指令可用于属性：

app.directive（“stepType”，function（））{
返回{
链接：postLink
};
功能后链接（范围、元素、属性）{
属性$观察（“步进类型”，函数（值）{
console.log（值）；
});
}
})

---

控制台将记录对属性插值的更改。

我得到的是相同的结果，没有任何更改这实际上是有效的-attrs会为我获取任何未得到评估的属性的值

<div ng-repeat="item in itemsList"
     stepType={{item.stepType}}>
     {{item.itemValue}}
</div>