防止角度触发过滤功能和隐藏元素指令的绑定功能

Question

据我所知，angular不链接隐藏的HTML元素，所以我假设当视口宽度为500px或更大时，第一段没有链接（mydirective链接功能未被触发）。< / p>

<p mydirective>{{content | customFilter}}<p>
<p mydirective>{{content}}<p>


p {
    display:block;
}

@screen and min-width:500px {
    p:nth-child(1) {
        display:none;
    }
}

但是，仍会触发过滤功能以及mydirective的绑定功能。有没有办法阻止角度触发隐藏HTML元素的过滤器功能和绑定功能？

这里的任务是显示小屏幕（小于500像素）的过滤数据和大屏幕的未过滤数据。

Answer 1

不使用CSS隐藏和显示元素，而是使用ng-if，然后从DOM中删除元素，从而防止这些元素发生任何与角度相关的魔法（直到你再次想要它们为止）。