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

Question

我有一个按钮，我正在尝试使用 Angular 在移动设备上重定向到与桌面不同的链接。现在链接看起来是这样的：

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

我不确定如何在较小的屏幕上使用媒体查询来更改 scheduler_link 的值。我该怎么做？

Answer 1

据我所知，您不能使用媒体查询来更改与该 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;
    }
}