将routerLInk放置在标签上,但标签不可点击的角度6

时间:2018-10-26 19:54:59

标签: html angular anchor

我有一堆链接

html

<div class="col-12 navlinks">
        <div class="text-center">
          <div class="justify-content-center">
            <a class="col-auto d-inline-block whitelink" routerLink="/team">The Team</a>
            <a class="col-auto d-inline-block whitelink" routerLink="/privacy">Privacy</a>
            <a class="col-auto d-inline-block whitelink" routerLink="/terms">Terms</a>
            <a class="col-auto d-inline-block whitelink" routerLink="/contact">Contact Us</a>
          </div>
        </div>
      </div>

css

.navlinks{
  margin-bottom: 10px;
}
.whitelink{
  color: white;
  cursor: pointer;
}

现在光标没有变成指针 然后单击链接不会执行任何操作。

这些链接正常工作的路线和所有其他要求。出于某种原因,这些链接认为它们很特殊。我猜他们的父母宠坏了他们。不确定,无论哪种方式,我都试图让它们回到正轨,否则我将把它们送到海军陆战队的训练营中,以对它们进行整形。...

为什么要这么做?

1 个答案:

答案 0 :(得分:0)

我可以看到具有与您完全相同的代码的光标!如果您有白色背景,请尝试将whitelink类的color属性更改为black!

.whitelink{
  color: black;
  cursor: pointer;
}

另外,请确保您具有为routerlink路径定义的路由!