将Angular组件嵌套在嵌套组件中

Question

人！

我的问题是我将组件嵌套在另一个组件中，该组件是路由的组件。它是这样的:(主要组件collections.OrderedDict） AppComponent - ＆gt; LeaderComponent - ＆gt; NavigationPathComponent 即可。在最后一个组件中，我使用router-outlet从父级检索一些值，它在组件代码中有效，但不在模板中。

这是我的代码：
@Input()

NavigationPathComponent:

在LeaderComponent模板中有：

import { Component, Input } from "@angular/core"; @Component({ selector: "navigation-path", template: "{{los}}", style: "irrelevant"] }) export class NavigationPathComponent { @Input() los: string; }

如果我将<navigation-path los="someString"></navigation-path>添加到{{los}}模板中，它应该导致{> 1}}在浏览器中输出<navigation-path>，而不是输出任何内容。虽然如果我在组件代码中记录它，它会将someString输出到控制台。

P.S。如果我将someString移动到AppComponent模板中（一个嵌套级别更高），它可以完美地运行。甚至可以在Angular中嵌套已嵌套的组件中嵌入组件吗？目前我正在研究Angular v4.2.4。

Answer 1

在传递属性时，您需要在属性周围使用[]语法： 这将是[los] =“someString”。