angularjs 1.x修改数据属性

问题描述：

我正在使用一个使用jQuery插件的html主题。例如：angularjs 1.x修改数据属性

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

我如何将能够修改数据视差图像=“”从控制器，无需编写指令，因为有很多这样的情况。

你不......使用指令。一个指令暴露了每个元素，并确保它在插件代码运行之前就存在了。 – charlietfl

你介意那么就给我几行代码来说明如何为这个例子做这件事？ –

大量用于将jQuery插件集成到指令中的示例。在这个网站和网络的其他部分 – charlietfl

答

如果你愿意，你可以用普通的javascript来做到这一点。同样的实现将是这样的。

给你的div一个id，如id="div1"在我的情况。

HTML代码

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

现在在你的控制器编写JavaScript函数更新data-parallax-image属性。

控制器

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（）。这个逻辑完全取决于你，你可以相应地编写它。

angularjs 1.x修改数据属性

相关推荐