小编TyA*_*ney的帖子

在Angular 2中解析app组件的正确方法

我正在开发一个基于域提取其站点副本的应用程序.我有一个应用程序工作有一个例外.我正在app.component模板中定义应用程序的导航栏和页脚,如下所示.

    <navigation></navigation>
    <router-outlet></router-outlet> 
    <appFooter></appFooter>
Run Code Online (Sandbox Code Playgroud)

在appFooter和导航模板的内部,我使用下面的安全导航操作符解析数据

<p>{{copyService.copy?.somevalue}}</p>
Run Code Online (Sandbox Code Playgroud)

我真正想做的是使用解析器和ActivatedRoute的数据属性来做这样的事情

var copy = this.route.snapshot.data['copy'];
Run Code Online (Sandbox Code Playgroud)

在应用程序组件中.然后将数据通过输入变量传递到页脚和导航.

不幸的是,当我重定向到我的主组件时,我不确定如何解析应用程序组件

{ path: '', redirectTo: '/home', pathMatch: 'full'},
Run Code Online (Sandbox Code Playgroud)

如果有人对完成此任务的最佳方式有任何想法,我将不胜感激.先感谢您.

请知道我提供的代码只是示例代码,而不是来自我的实际代码库,我只是想说明我当前遇到的问题.

router resolver angular

4
推荐指数
1
解决办法
3553
查看次数

Angular 2测试nativeElement

我一直在角网站上看测试教程.我很好奇是否有可通过debugElement进行测试的所有项目列表.例如

let nav = fixture.debugElement.query(By.css('h1')).nativeElement;

    expect(nav.innerText).toBe(fixture.componentInstance.homeHeader);
Run Code Online (Sandbox Code Playgroud)

还有哪些其他元素,比如我正在测试的innerText值.感谢您的任何帮助.

testing jasmine testbed angular

1
推荐指数
1
解决办法
4000
查看次数

标签 统计

angular ×2

jasmine ×1

resolver ×1

router ×1

testbed ×1

testing ×1