使用NavigationComponent测试Android导航
NavigationComponent是Android Jetpack中的一个组件，用于简化Android应用程序中的导航和导航图的管理。它提供了一种统一的方式来处理应用程序中的导航，并且可以与其他Jetpack组件无缝集成。
NavigationComponent的主要优势包括：
- 简化导航逻辑：NavigationComponent使用导航图来定义应用程序的整体导航结构，包括各个目的地（Destination）和它们之间的导航关系。通过使用导航图，开发人员可以更轻松地管理和组织应用程序的导航逻辑。
- 安全的类型安全参数传递：NavigationComponent提供了一种类型安全的方式来传递参数给目的地。开发人员可以在导航图中定义参数，并在导航时将参数传递给目的地，而无需手动解析和传递参数。
- 深层链接支持：NavigationComponent支持深层链接，可以通过URI来导航到应用程序中的特定目的地。这对于从其他应用程序或网页链接直接导航到应用程序的特定页面非常有用。
- 可视化导航编辑器：Android Studio提供了一个可视化导航编辑器，可以用于创建和编辑导航图。这使得开发人员可以更直观地设计和管理应用程序的导航结构。
- 与其他Jetpack组件的集成：NavigationComponent可以与其他Jetpack组件（如ViewModel和LiveData）无缝集成，以提供更好的开发体验和更高的效率。
对于使用NavigationComponent测试Android导航，可以采取以下步骤：
- 创建导航图：在res目录下的navigation文件夹中创建一个导航图文件（例如nav_graph.xml），并在其中定义应用程序的导航结构，包括各个目的地和它们之间的导航关系。
- 配置目的地：对于每个目的地，可以定义其对应的Fragment或Activity，并设置其参数等属性。
- 设置导航操作：在需要进行导航的地方，使用NavigationComponent提供的导航操作来执行导航。可以通过目的地的ID或URI来执行导航操作。
- 编写导航测试：使用Android测试框架编写导航测试，验证导航操作是否按预期进行。可以使用Espresso等工具来模拟用户操作和验证导航结果。
腾讯云相关产品中，与NavigationComponent相关的产品包括：
- 腾讯云移动应用分析（Mobile Analytics）：提供了移动应用程序的用户行为分析和统计功能，可以帮助开发人员了解用户在应用程序中的导航和使用情况。
- 腾讯云移动测试（Mobile Testing）：提供了移动应用程序的自动化测试和性能测试功能，可以帮助开发人员测试应用程序的导航功能是否正常。
- 腾讯云移动推送（Mobile Push）：提供了移动应用程序的消息推送功能，可以通过推送消息来触发应用程序的导航操作。
更多关于腾讯云相关产品的介绍和详细信息，可以参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
2回答
Tl;dr：如何将可见组件作为指令的依赖项提供？当然，组件必须在指令之前被初始化，但是当应用程序稍后在组件的selector上运行时，它必须是相同的实例。
详细信息：
我的app.component.html有这样一个结构：
app.component.html
<app-navigation></app-navigation>
<router-outlet></router-outlet>
顶部有一个导航条，它总是可见的。<router-outlet>总是显示当前活动的组件。
现在，我希望允许在<router-outlet&
浏览 0提问于2019-09-10得票数 1
回答已采纳
3回答
我有以下类，我的问题在于它的GetComponent函数
class GameObject
{
private List<GameComponent> _components = new List<GameComponent>();
public void AddComponent(GameComponent component)
void RemoveComponent(string name)
public T GetComponent<T>(string name) where T : GameComponent
浏览 1提问于2010-07-23得票数 2
我似乎不知道如何为使用[routerLinkActiveOptions]指令的组件设置*.component.spect.ts文件。我一直收到这个错误：
Can't bind to 'routerLinkActiveOptions' since it isn't a known property of 'button'.
这是spec文件：
import {async, ComponentFixture, TestBed} from '@angular/core/testing';
import {RouterTestingMod
浏览 0提问于2018-12-18得票数 0
1回答
我刚刚开始使用角2，在使用组件时遇到了一个问题。我想在我的"NavigationComponent“组件的模板中使用"MyApp”组件。
这是"MyApp“组件(/app/app.Component.ts)：
import { Component } from 'angular2/core';
import { RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS } from 'angular2/router';
import {NavigationComponent} from '.
浏览 2提问于2016-04-13得票数 1
回答已采纳
2回答
我想在我的项目中做一个测试，我想测试的函数是一个嵌套函数，在函数中有函数
函数如下：
ngOnInit() {
this.getMenu()
}
这是我的测试规范：
describe('NavigationComponent', () => {
let component: NavigationComponent;
let fixture: ComponentFixture<NavigationComponent>;
beforeEach(async(() => {
浏览 0提问于2018-11-16得票数 1
2回答
在导航组件中，当从第一个片段发送参数到第二个片段时，缺省值不会从导航图中获得。
这是我的代码：
navigation_graph.xml
<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools=
浏览 0提问于2019-12-16得票数 3
回答已采纳
我目前正在开发一个由一系列长表单组成的web应用程序。我有一个全局组件，它的模板如下所示： <app-header></app-header>
<div class="main-container">
<router-outlet></router-outlet>
</div>
<app-navigation></app-navigation> 因此，我有多个页面轮流在路由器插座和两个不变的组件，特别是导航组件，它由按钮组成，允许在不同的屏幕/表单之间来回切换。 我的目标是能够
浏览 9提问于2021-07-29得票数 0
回答已采纳
我有一个app.component.ts，并且我已经使用ng创建了一个组件生成c.That新组件应该有一个侧向导航，并且侧向导航需要在单击按钮时切换。
我正在尝试实现侧边导航菜单，但收到如下错误："message"：“找不到模块‘@angular/material/MatSidenavModule’。”，
我的navigation.component.html文件
<mat-sidenav-container>
<mat-sidenav mode="side" opened>Sidenav content</mat-side
浏览 12提问于2020-02-17得票数 0
回答已采纳
1回答
我在我的应用程序中使用商店，如下所示，它工作得很好。
export class NavigationComponent {
navigationLinks$: Observable<Navigation[]>;
constructor(private store: Store<State>) {
this.navigationLinks$ = this.store.select('navigation')
.map((result: State) => result.
浏览 1提问于2017-05-09得票数 1
使用TypeScript和react导航将得到以下TypeScript问题：
Property 'Principles' is incompatible with index signature.
Type '{ screen: (props: any) => Element; path: string; }' is not assignable to type 'NavigationRouteConfig'.
Type '{ screen: (props: any) => Element; path:
浏览 0提问于2018-03-28得票数 0
回答已采纳
登录后无法显示功能。我没有使用会话存储来获取用户。我还没有完成注销功能。
用于导航的Html
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<ul class="navbar-nav">
<li class="nav-item">
<a *ngIf = "!invalidLogin" class="nav-link
浏览 2提问于2020-12-09得票数 0
我开始在我的大学应用程序上工作，在尝试从不同组件的代码中打开Bootstrap模式时遇到了一些问题。我在代码中从相同的组件中打开一个组件没有任何问题。我使用jquery，它工作得很好：
hideLoginModal(){
$('#myModal').modal('hide');
}
当您单击NavigationComponent中的导航栏按钮时，需要弹出和隐藏模式。问题是"LoginModal“和所有与登录相关的函数都应该在AccountComponent中，而现在我把它们放在了NavigationComponent中。
因此，我尝试将我的"Lo
浏览 1提问于2017-12-04得票数 0
回答已采纳
我在BottomNavigationView中使用NavigationComponent。
当我像这样使用导航(A-> B ->B1)时，底部导航会自动将他选择的项目从A更改为B。我使用默认的导航方法。
findNavController().navigate(R.id.action_A_to_B)
然后在片段B中再次使用
findNavController().navigate(R.id.action_B_to_B1)
只有这样我才能得到想要的结果。
当我尝试像那样使用导航(A->B1)时，我的底部导航没有将他的选择从A更改为B。
findNavController().
浏览 10提问于2020-05-19得票数 1
回答已采纳
尝试创建一个存在于我的Vue应用程序中的导航栏。来自react，所以我尝试将我的导航组件导入到main.ts中，并在App.vue中的路由器插座上方使用它。应用程序是使用带有typescript和Router的vue-cli生成的。
我尝试过用Vue.extend、@Component、export default {*/ options */}编写导航组件。
我已经尝试在App.vue中添加一个脚本标记，我将在其中注册导航组件。
我已经在main.ts中导入并注册了导航组件。
Navigation.ts：
import Vue from 'vue';
import { Com
浏览 2提问于2019-01-30得票数 0
1回答
我有一个宠物项目，我正在使用Android架构组件。所以这是一个只有很少片段的单一活动。我正在使用导航组件，它工作得很好。但是现在我想从通知中打开一个特定的片段。但我也想将前面的片段添加到后栈中。
因此，如果我有一个片段C，它通常是从片段B打开的。我想以这种方式在片段的序列A->B->C中打开app (从通知)，当我按下“后退”按钮时，我将关闭片段C，我将看到片段B(但不是主片段A)。是否可以使用NavigationComponent来实现这一点？
浏览 0提问于2020-08-12得票数 0
我希望ViewModel存储大量数据来保存片段视图的状态，因为ViewModel独立于片段及其视图，但不应该像onSaveInstanceState(outBundle: Bundle)那样保存状态(当你在应用程序中导航时，保存EditTexts的状态等，但不需要处理进程死亡)。所以我在ViewModel中创建了nullable Bundle属性来完成这项工作(当调用onDestroyView()时，数据包会传递给ViewModel，然后在onCreateView(...)中我会读取它，如果它是null，那么您就是第一次来到这个目的地)，但它仍然是null。 在调试和日志的帮助下，我发现当你
浏览 19提问于2020-11-24得票数 1
2回答
我有一个导航组件，我想要显示或隐藏的基础上，一个用户是否被登录。为此，我添加了一个localStorage来确认用户是否已登录。但是，我的导航组件只在OnInit期间侦听此内容。
我怎样才能让一个组件监听另一个组件的更改呢？在这种情况下，导航响应于signin组件的函数onlogin。
navigation.component.ts
export class NavigationComponent implements OnInit {
private navshow: boolean;
if (localStorage.getItem('confirmo')){ this.n
浏览 3提问于2016-09-30得票数 0
回答已采纳
我有一个angular项目，我想在其中创建某种导航菜单。其思想是将应用程序的所有链路放在顶层NavigationComponent中，而其他路由则是它的子级，并加载到它的路由器出口。应用程序路由看起来像这样：
const appRoutes: Routes = [
{ path: 'login', component: LoginComponent },
{
path: '',
component: NavigationComponent,
children: [
{ pat
浏览 2提问于2017-03-30得票数 1
在我的应用程序中，我有两个片段，为了显示这些片段，我使用了NavigationComponent，我希望发送一些数据。
我的导航代码：
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/na
浏览 9提问于2022-12-02得票数 1
回答已采纳
3回答
我用jetpack编写了一个应用程序，运行良好，直到我在alpha08版本中将撰写导航库从2.4.0-alpha 07升级到2.4.0-alpha 08，在我看来，NavBackStackEntry类的arguments属性是一个val，因此不能像我们在2.4.0-alpha 07版本中那样重新分配它。如何在2.4.0-alpha 08版本中解决这个问题
我的导航组件如下：
@Composable
private fun NavigationComponent(navController: NavHostController) {
NavHost(navController = nav
浏览 13提问于2021-09-04得票数 12
回答已采纳
1回答
在角子模块中设置根组件
、、、、
我有一个工作的应用程序路由，我想添加懒惰加载。 这是正在运行的app-routing.module.ts文件(没有延迟加载)： import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { LoginComponent } from './routes/login/login.component';
import { RegisterComponent } from './routes/
浏览 8提问于2020-10-20得票数 0
回答已采纳
我正在实现NavigationComponent与BottomNavigationView相结合的过程，并且我注意到，除了导航图中指定为startDestination的目标之外，工具栏中显示了所有片段目的地的后箭头。
我找到的所有实现示例都显示了类似的行为。在我看来，为BottomNavigationView的每个相关片段隐藏后箭头似乎是一种更自然的设计(在工具栏中按下从选项卡2导航到选项卡1的后箭头，我觉得很奇怪，我以前从未见过这种情况)。
下面的图片是一个例子，也是我想要达到的目标。有什么办法做到这一点吗？
浏览 0提问于2019-06-19得票数 9
回答已采纳
1回答
ng-导出模块中的引导
、、、
所以我有一个导航条模块，它使用ng引导：
import {NgModule, NgZone} from '@angular/core';
import { CommonModule } from '@angular/common';
import {NavigationComponent} from "./components/navigation/navigation.component";
import {NavMenuComponent} from "./components/nav-menu/nav-menu.component&
浏览 3提问于2018-01-23得票数 0
我在我的应用程序上使用NavigationComponent。
我有一个特定的流程，在点击BottomSheetDialogFragment的一个按钮后，应用程序应该导航到另一个片段。但是当该片段弹出时，我需要导航回前一个BottomSheetDialogFragment。
由于某些原因，BottomSheetDialogFragment被自动解雇。
Frag A : click on a button
Frag A -> Dialog B : click on a button
Frag A -> Dialog B -> Frag C : pop Frag C fr
浏览 6提问于2021-04-23得票数 12
回答已采纳
1回答
这是我的密码：
NavigationComponent -这是我的导航。我要点击这里的按钮来激发孩子的方法。
class NavigationComponent extends React.Component {
constructor(props) {
super(props);
this.state = {};
}
componentWillMount() {
firebase.auth().onAuthStateChanged(user => {
if (user) {
浏览 0提问于2018-06-06得票数 0
回答已采纳
我试图访问几个材料抽屉，以便在另一个组件中打开/关闭它们，但是我得到了以下错误：
NavigationComponent.html:30 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'sideNavsDrawers: undefined'. Current value: 'sideNavsDrawers: [object Object],[object Object]'
浏览 0提问于2019-11-28得票数 1
因此，我学习了关于angular.io ()的教程。我现在已经设置了路由，我的AppComponent有一个"app“的选择器。效果很好。我的<router-outlet></router-outlet>标签在我的app.html里。这也很好，将内容替换为I导航到不同的路径。
然而，我的问题是，我已经开始建立我自己的导航栏，我需要能够根据我从API加载的一些数据来更改这个栏。因此，我创建了一个单独的组件，名为NavigationComponent。我已经将选择器设置为“导航条”，并将标记<navigation-bar></navigation-
浏览 3提问于2016-06-21得票数 1
回答已采纳
我对angular中嵌套的子路由有一个问题。我的路线注册：
import { Routes, RouterModule } from '@angular/router';
import { NavigationComponent } from './container/container.component';
import { Tab1Component } from './tab1/tab1.component';
const routes: Routes = [
{
path: 'nav',
浏览 9提问于2019-12-02得票数 2
回答已采纳
我的App.ts中有以下路由器：
@RouteConfig([
{path: '/', redirectTo: ['Login']},
{path: '/login', name: 'Login', component: LoginComponent},
{path: '/dashboard', name: 'Dashboard', component: DashboardComponent},
{path: '/users/...', name:&#
浏览 2提问于2016-03-11得票数 0
回答已采纳
1回答
我无法使用NavigationActions.init()或文档中提到的状态正确地生成状态。我的导航器就是这样定义的：
const HomeNav = TabNavigator({
feed:{screen:Feed},
restaurantScreen:{screen:Restaurant},
},{
tabBarComponent:NavigationComponent,
tabBarPosition:'bottom',
tabBarOptions:{
bottomNavigationOptions:{
labelColor:'white&#
浏览 0提问于2017-11-11得票数 1
回答已采纳
我切换到了NavigationComponent，我不知道如何手动使用这个组件来关闭片段，在活动中，我们有一个关闭活动的finish()方法，我需要在NavigationComponent中做类似的事情。
浏览 0提问于2018-12-22得票数 4
回答已采纳
我正忙于开发一个Angular2 web应用，最近我在其中实现了一个登录组件……我有一个导航组件，这是一个bootStrap导航栏，在我将登录组件添加到我的应用程序之前，我在我的app.component.ts模板中有NavigationComponent，它工作得很好，因为我可以在导航栏下面插入不同的视图。使用我的新登录组件，我从app.component.ts中删除了导航组件，并将其单独添加到我的所有视图中。我现在遇到了一个问题，当导航到另一个视图时，它试图导航到当前视图的一个不存在的子视图，例如，当从主页导航到设置时，angular路由器尝试导航到‘主页/设置’，而这里应该是‘设置’……
浏览 8提问于2017-02-21得票数 0
我的应用程序中有一个简单的导航组件，它接受一个"navItems“数组(每个项目都是一个具有路由、标签-[{route: '/', label: 'navigation.home'}]等属性的对象)。
这是HTML组件
<nav>
<mat-nav-list>
<div *ngFor="let navItem of navList">
<a mat-button
[routerLink]="[navItem.url]"
浏览 0提问于2018-04-12得票数 0
1回答
我使用的反应导航标签导航和反应本机材料底部导航，它目前从一个屏幕刷到一个屏幕。我将如何使它从一个屏幕淡出到另一个屏幕，就像“材料设计指南”建议的那样。
Router.js
import React from 'react';
import { TabNavigator, StackNavigator, NavigationActions } from 'react-navigation';
import { NavigationComponent } from 'react-native-material-bottom-navigation'
浏览 3提问于2017-08-09得票数 9
回答已采纳
1回答
我一直在学习AngularJs2.0教程，我只能尝试导入一个子组件。我一般都是新手，所以这可能是一个非常业余的错误。
在添加NavigationComponent指令和引用之前，我一直使用这个模块：
/// <reference path="Navigation.ts" />
/// <reference path="../angular2/angular2.d.ts" />
import {Component, View, bootstrap, NgFor} from 'angular2/angular2';
impor
浏览 2提问于2015-08-05得票数 1
回答已采纳
1回答
我正在使用TypeScript开发一个Angular应用程序：
我的app.component在顶部有一个导航，然后是其他组件的路由器出口。
<navigation></navigation>
<router-outlet></router-outlet>
导航
@Component({
selector: 'navigation',
directives: [ROUTER_DIRECTIVES],
template: `{{ HERE SHOULD BE USERNAME }} <a [routerLin
浏览 2提问于2016-03-03得票数 2
回答已采纳
1回答
带拉力加载模块的角形材料
、、、
我已经发现，这看起来很相似，但对我没有帮助。
我的问题是，我有延迟加载模块。app-routing.module.ts
const routes: Routes = [
{path: '', redirectTo: '/home', pathMatch: 'full'},
{path: 'home', loadChildren: () => import('./home/home-routing.module').then(m => m.HomeRoutingModule)},
{path:
浏览 3提问于2021-04-07得票数 1
回答已采纳
我把这个BrowserRouter组件作为我的顶层组件，它的状态是一个标题字符串。这个组件呈现一个NavigationComponent，它基本上是一个导航条，在那里我想设置一个标题，这个标题根据我在站点上的位置而改变。
该组件大致如下所示
changeTitle(title) {
this.setState({
title: title,
})
}
<BrowserRouter>
<div>
<NavigationComponent title={this.state.title}/>
浏览 0提问于2019-05-17得票数 1
回答已采纳
我正试图用刀柄将我的navHostController注入到我的MainActivity中。但是，在试图编译代码时，我得到了以下错误：
> Task :app:kaptDebugKotlin
C:\Users\pierr\AndroidStudioProjects\AndroidApps\Compose\Udemy\course01\crud\app\build\generated\source\kapt\debug\com\example\crud\CrudApplication_HiltComponents.java:129: error: [Dagger/MissingBindin
浏览 4提问于2021-09-21得票数 4
回答已采纳
1回答
因此，我有一个单一的活动应用程序与单一工具栏放置在活动的布局。
下一段代码仅用于更改导航图标按钮的颜色，如果还没有任何片段被充气。
binding.toolbar.setNavigationIconTint(ContextCompat.getColor(this, R.color.white))
但是，一旦导航组件打开任何带有箭头回键的片段(如果可以返回到以前的片段)，那么back按钮的箭头图标的颜色就会不同(它是黑色的)。
即使以下代码也无助于更改后退按钮箭头图标的颜色：
override fun onDestinationChanged(
controller: NavContro
浏览 11提问于2022-08-15得票数 2
我正在尝试建立一个底部导航栏，一切工作，但导航栏不显示。我对原生的反应也有些陌生。我觉得问题出在导出默认设置上，因为它没有将对象作为应用程序注册表。
其他文件也可以工作，就像没有错误但导航栏不显示一样
import React, { Component } from "react";
import { AppRegistry, Text, View, StyleSheet } from "react-native";
import Icon from "react-native-vector-icons/FontAwesome";
import
浏览 9提问于2018-12-17得票数 2
2回答
我在父组件中有一个导航抽屉子组件。
MainComponent.vue
<template>
<v-app>
<div>
<NavigationComponent></NavigationComponent>
</div>
</v-app>
</template>
现在，在子组件(导航抽屉)中，我尝试从MainComponent调用一个函数，方法是：
this.$parent._appendUser(arr);
我有一个类似的父-子组件，它从一个父函数调用到一个子函数，但是我不知道为什么这个
浏览 1提问于2020-11-06得票数 1
回答已采纳
1回答
版本(S)
react本机路由器流量v3.31.2
react本机v15.2.1
我不知道我做错了什么，但是当我多次调用Actions.dialog()时，我得到了这个错误。
我以为这个修复修复了它，但它不是，它应该是其他的东西，但我没有想法.
只有当我使用pop()来关闭它时，我才没有这个选项。不幸的是，我不想弹出(它可能会破坏我的应用程序中的其他功能)。
有人能帮忙吗？
错误：
`1:$dialog_1_dialog`. Child keys must be unique; when two children share a key, only the first chil
浏览 4提问于2016-08-08得票数 3
我正在尝试测试ngOnInit方法中的代码。代码监视导航条屏幕大小的变化，以便将其调整为移动或保持为顶部栏。我已经试了大约一个星期了，在测试的时候，我总是会遇到很多不同的错误。我遗漏了comp.component.ts的一些代码，因为其他代码对此没有必要。我一直得到subscribe is not a method或Can't resolve all parameters for MediaChange: (?, ?, ?, ?)。任何关于如何为这个或任何资源编写测试的建议都可以帮助我解决这个问题。
comp.component.ts
import { Component, OnIni
浏览 0提问于2018-10-27得票数 1
回答已采纳
2回答
我在react导航的react原生应用程序中使用TabNavigator，这是我的tabNavigator：
TabNavigator({
Newsstand: { screen: Newsstand }
}, {
tabBarComponent: NavigationComponent,
tabBarPosition: 'bottom',
tabBarOptions: {
bottomNavigationOptions: {
labelColor: 'white',
rippleColor: '
浏览 2提问于2017-05-11得票数 0
我是一个非常新的角度，并一直在建立一个有趣的应用程序在一边，以获得一些实践。
目前，我正在尝试集成适当的单元测试，并且遇到了一些看起来很奇怪的东西。
我已经构建了这个应用程序使用角-cli，并修改了生成的单元测试，以开始充实更好的代码覆盖测试。
但是，当运行ng test时，chrome浏览器会在业力报告的基础上显示我的应用程序ui中的一些html元素。
我有强烈的感觉，这很可能是因为我做错了什么。我的google-fu在这种情况下没有多大帮助。业力是否应该尝试渲染UI呢？
我将测试简化为纯针对我的主app.component的测试，即使这样，ui的一部分尝试呈现。在下面的代码中，如果我
浏览 8提问于2017-06-07得票数 0
1回答
我正在尝试为feature modules.How实现延迟加载我可以加载feature modules.How中声明的组件在feature module component中定义的router-outlet上吗？ 我有一个带有组件(AppComponent)的基本模块(AppModule)，其中包含router-outlet。还有另一个具有自己的HomeComponent的模块HomeModule，它有另一个router-outlet。HomeModule在AppRoutingModule (包含在AppModule中)中延迟加载和定义，如下所示： {
path:'home&
浏览 14提问于2019-06-20得票数 0
在我的顶级组件中，我有： <NavigationComponent />
<Router>
<Switch>
<Route component={SomeComponent} />
...
</Switch>
</Router> 现在，NavigationComponent有了一个delete图标，当单击它时，应该会调用一个函数。我希望该函数来自SomeComponent (或者来自任何活动路由的一些其他组件)。 我试着把所有的路由包装到上下文中，但感觉太纠结了。 另一种选择是将setDelete
浏览 23提问于2019-03-28得票数 0
回答已采纳
1回答
我试图使用模板内部的routerLink导航到同一个模块中的不同组件，但是不知怎么的，注定的组件不会加载，因此我停留在同一个组件上。
代码：
`file : site.module.ts
import { RouterModule } from '@angular/router';
@NgModule({
declarations: [
HomeComponent,
NavigationComponent,
FooterComponent,
LoginComponent
],
imports: [
Comm
浏览 5提问于2022-04-13得票数 0
我做了一个app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { FeaturesComponent } from './components/features/features.component';
import { HomeComponent } from './components/home/home.component'
浏览 0提问于2018-04-15得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
