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

Change the value of ng-href in mobile using media queries and angular

本文关键字：ng 的值 href 移动 媒体 查询 angular      更新时间：2023-09-26

我有一个按钮，我正试图使用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;
    }
}
相关文章：