导航栏切换器已显示,但我单击它,但未显示导航栏项

时间:2019-07-03 05:18:30

标签: html angular twitter-bootstrap navbar

我试图获得一个导航栏,其中包含两个项目(一个ngbdropdown和一个链接),当我降低分辨率时,会显示切换器,但是我单击它却没有任何作用。

这是我的html代码:(末尾缺少nav标签,我将其放在此处但未检测到)。

<nav class="navbar navbar-expand-lg navbar-light navbar-toggleable-md" role="navigation">
    <a class="navbar-brand ml-3 margin-items" href="#"><img src="../assets/GroupeRenault.png" alt="groupeRenault"></a>
    <button
        class="navbar-toggler collapsed"
        type="button"
        data-toggle="collapse"
        data-target="#navbarNavDropdown"
        aria-controls="navbarNavDropdown"
        aria-expanded="true"
        aria-label="Toggle navigation"
    >
        <span class="navbar-toggler-icon"></span>
    </button>

<div class="collapse navbar-collapse" id="navbarNavDropdown">

    <ul class="navbar-nav ml-auto" >
            <li class="nav-item mr-2 padding-items">
                    <a  style="color:#666" href="https://dda-localhost:4200/dashboard" >{{this.userLanguage}}</a>
                </li>
            <li class="nav-item ">
                <div
                    ngbDropdown
                    class="d-inline-block"
                >
                    <button
                        class="bNombre"
                        id="dropdownForm1"
                        ngbDropdownToggle
                    >
                       {{this.userName}}
                    </button>
                    <div ngbDropdownMenu aria-labelledby="dropdownForm1">
                        <button ngbDropdownItem (click)="this.logout()">Logout</button>
                    </div>
                </div>
            </li>
    </ul>
</div>

1 个答案:

答案 0 :(得分:0)

只需进行以下更改,即只需单击按钮即可添加或删除名为public class MapsActivity extends FragmentActivity implements OnMapReadyCallback, TaskLoadedCallback { ... @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_track_order); ... /* staring service from here*/ if (!runtime_permissions()) { if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { Intent serviceIntent = new Intent(getApplicationContext(), MyService.class); ContextCompat.startForegroundService(getApplicationContext(), serviceIntent); } else { startService(new Intent(getApplicationContext(), MyService.class)); } } } @Override public void onMapReady(GoogleMap googleMap) { mMap = googleMap; place2 = new MarkerOptions().position(destination).title("Isl"); mMap.addMarker(place2); /*receiving broadcast*/ if (broadcastReceiver == null) { broadcastReceiver = new BroadcastReceiver() { @Override public void onReceive(Context context, Intent intent) { lat = (double) intent.getExtras().get("latitude"); lng = (double) intent.getExtras().get("longitude"); String userAddress = (String) intent.getExtras().get("address"); place1 = new MarkerOptions().position(new LatLng(lat, lng)).title("Lahore"); mMap.addMarker(place1); } }; } registerReceiver(broadcastReceiver, new IntentFilter("location_update")); CameraPosition googlePlex = CameraPosition.builder() .target(new LatLng(31.527653,74.455632)) .zoom(7) .bearing(0) .tilt(45) .build(); mMap.animateCamera(CameraUpdateFactory.newCameraPosition(googlePlex), 5000, null); } } 的类

component.ts

show

component.html

 isNavbarMobile: boolean = false;