angularjs 1.x修改数据属性

时间:2017-11-18 01:05:51

标签: jquery angularjs

我正在使用一个使用jQuery插件的html主题。例如:

<div class="slide background-overlay-dark" data-parallax-image="images/parallax/4.jpg">
</div>

我怎样才能修改data-parallax-image =&#34;&#34;来自控制器,没有写指令,因为有很多这样的情况。

1 个答案:

答案 0 :(得分:0)

如果您愿意,可以使用普通的javascript执行此操作。相同的实现将是这样的。

在我的案例中为您的div提供ID,例如id="div1"

html代码

<div id="div1" class="slide background-overlay-dark" data-parallax-image="images/parallax/4.jpg"></div>

现在在您的控制器中编写一个更新data-parallax-image属性的javascript函数。

<强>控制器

var element = document.getElementById("div1");
function changeImage() {
    var imageName = "something-"+Date.now();
    element.setAttribute('data-parallax-image', imageName);
}
setInterval(function() {
    changeImage();
}, 1000);

changeImage函数会在不制定指令的情况下修改控制器中的data-parallax-image。在给定的代码中,我以一秒的间隔运行changeImage()。这个逻辑完全取决于你,你可以相应地写出来。