当我单击另一个链接时，导航栏为什么没有关闭？

问题描述

说明：我有一个响应式导航栏，它可以很好地打开和关闭。
问题：当我单击链接时，它不会自行关闭。我必须手动关闭它。

请在下面找到代码库：

1. navbar.component.html

let url = SERVICE_URL + "GetHistoryDataByTerminalNo?TerminalNo=\(VehicleList.SelectedTerminal.selectedTerminalId)&fromDate=\(fromDateText)&toDate=\(endDateText)"
    
let request = NSMutableuRLRequest(url: NSURL(string: url)! as URL,cachePolicy: .useProtocolCachePolicy,timeoutInterval: 30.0)
request.httpMethod = "GET"
request.allHTTPHeaderFields = headers

1. navbar.component.css

<Meta name="viewport" content="width=device-width">
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<Meta name="viewport" content="width=device-width,initial-scale=0.5,user-scalable=no">
<Meta name="viewport" content="width=device-width,user-scalable=no">

<link href="https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap" rel="stylesheet">


<div class="header header-fixed">
  <div class="navbar container">
    <div class="logo">
      <div class="logo"><a href="#home">REYA</a></div>
    </div>
    <input type="checkBox" id="navbar-toggle">
    <label for="navbar-toggle"><i></i></label>
    <nav class="menu">
      <ul>
        <li><a (click)="goToHome('home')">Home</a></li>
        <li><a (click)="goToBlogs('more-blogs')">Blogs</a></li>
        <li><a (click)="goToServices('services')">Services</a></li>
        <li><a (click)="goToContact('contact')">Contact</a></li>
        <li><a>Login</a></li>
        <li><a>Sign Up</a></li>
      </ul>
    </nav>
  </div>
</div>
<router-outlet></router-outlet>

我尝试了许多选择，包括：

• 评论大部分内容
• 删除媒体查询
• 删除点击事件

什么都没用！有人可以帮我吗？

解决方法

我不确定您是如何实现JS函数的，但是我想我可以模拟单击导航栏切换器，或者只要用户导航就创建一个调用函数，以确保导航栏在导航后关闭。