Oui, la solution de @manuel est une bonne approche pour réaliser les choses assez simplement. En utilisant window.location.href, vous pourriez rencontrer des problèmes pour obtenir la bonne URL en raison de la boucle d’événements d’Ember de toute façon.
Pour adapter ce que vous faites à une approche plus « Ember », il faudrait faire quelque chose comme ceci :
<script type="text/discourse-plugin" version="1.1.0">
api.onPageChange(() => {
const router = api.container.lookup('service:router');
if (router.currentRoute.name === 'discovery.top') {
document.querySelectorAll('#main-title')[0].style.display = 'none';
}
});
</script>
Cependant, il est probablement préférable d’ajouter simplement une classe au corps et de styliser cette classe, ce qui vous permettra également d’apporter des modifications de style plus complexes.
<script type="text/discourse-plugin" version="1.1.0">
api.onPageChange(() => {
const router = api.container.lookup('service:router');
if (router.currentRoute.name === 'discovery.top') {
document.body.classList.add('route-discovery-top');
} else {
document.body.classList.remove('route-discovery-top');
}
});
</script>
.route-discovery-top #main-title {
display: none;
}