angularjs 1.xでデータ属性を変更する

Question

jQueryプラグインを使用するhtmlテーマを使用しています。たとえば、次のように多くのそのような例があるので

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

は、どのように私は、ディレクティブを記述することなく、コントローラから「」=データ視差画像を変更することができるだろう。

Answer 1

これは、必要に応じてプレーンジャバスクリプトを使用して行うことができます。同じものの実装は、次のようなものになります。

私の場合はid="div1"のように、divにIDを付けます。

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（）を1秒間隔で実行しています。このロジックは純粋にあなたに依存し、それに応じてそれを書くことができます。