-2
我已经创建了一个angularjs指令,该指令返回2个具有动画的div。当我在html页面上显示指令时,我能够看到这些指令,但是我无法选择带有id的元素。当我选择带有ID的元素时,我得到空值。如何通过angularjs将JS事件添加到动态创建的元素
我该如何解决这个问题?这是我的片段。
var application = angular.module('newsfeed', [])
application.directive('newsfeeds', function() {
return {
restrict: 'E',
template: `
\t \t \t <div id="reveal-button"><<</div>
\t \t \t <div class="reveal-content"></div>
\t \t `
}
})
var slideContainer = document.getElementById('slide-container'); //selecting the element
var slideButton = document.getElementById('reveal-button'); //selecting the element
var slideopen = false;
console.log(slideButton); //logging the output to console returns null
var showslide = function() {
slideContainer.style.right = '0px'
}
var hideslide = function() {
slideContainer.style.right = '-350px'
}
window.addEventListener('slideButton', 'click', function() {
if (slideopen == false) {
slideopen = true;
showslide();
} else {
slideopen = false;
hideslide();
}
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
你在哪里把这个JavaScript代码?看起来你完全无视你应该如何做到这一点 – devqon