Javascript 使用媒体查询和查询更改移动设备中ng href的值

我有一个按钮，我正试图重定向到一个不同的链接在手机上，而不是在桌面上使用angular。现在链接如下所示：

    <a ng-href="{{ scheduler_link }}">
      Search area
    </a>

---

我不知道如何使用媒体查询在较小的屏幕上更改scheduler_link的值。我如何才能做到这一点？

据我所知，您不能使用媒体查询来更改与该href关联的实际值。但是你可以做的是有两个链接，并且在每个媒体查询中都有一个可见的链接

<a class="linkOne" ng-href="{{ scheduler_link1 }}">
  Search area
</a>
<a class="linkTwo" ng-href="{{ scheduler_link2 }}">
   Search area
</a>

@media customMedia{
    .linkOne{
        visible: none; <---------cross-reference on me on this, my css is weak
    }
    .linkTwo{
        visible: yes;
    }
}