触发器就是在点击某个标签的时候,触发的一个事件,当然在angular2.0版本中也是可以使用触发器的,就是提前给他定义一个函数,然后再页面才加载的时候,就会加载这个函数,如果不在angular2.0版本,就可以具体情况具体分析
这是在angular里面的HTML代码:
change(){
var dl =document.getElementById("item");
var dd=dl.getElementsByTagName("a");
var eventOne=function (this) {
for( var i=0;i<dd.length;i++)
{
var a=dd[i];
a.style.color="#fff";
}
this.style.color="#f5bc34";
}
var eventTwo=function (this) {
dd[1].style.color="#f5bc34";
this.style.color="#f5bc34";
}
for( var i=0;i<dd.length;i++)
{
if(i==1){
dd[1].removeEventListener("click",eventOne);
}else if(1<i<5) {
dd[i].addEventListener("click",eventTwo);
}else{
dd[i].addEventListener("click",eventOne);
}
}
}
不是在angular中的代码:
var dl =document.getElementById("item");
var dd=dl.getElementsByTagName("a");
var eventOne=function (this) {
for( var i=0;i<dd.length;i++)
{
var a=dd[i];
a.style.color="#fff";
}
this.style.color="#f5bc34";
}
var eventTwo=function (this) {
dd[1].style.color="#f5bc34";
this.style.color="#f5bc34";
}
for( var i=0;i<dd.length;i++)
{
if(i==1){
dd[1].removeEventListener("click",eventOne);
}else if(1<i<5) {
dd[i].addEventListener("click",eventTwo);
}else{
dd[i].addEventListener("click",eventOne);
}
}