Angular2 Input（）变量打印未定义的内容

我有两个组件，完整布局（父组件）和部门（子组件）

当一个完整布局中的变量被绑定并传递给子组件时，它总是声称它是未定义的。我不知道为什么

完整布局.component.html

{{item.name}

您需要在类中的childTitle上方添加

@Input（）

export class FullLayoutComponent implements OnInit {
    @Input()
    public childTitle: string = 'This text is passed to child';

html中的名称必须与子组件属性的名称相同，html中的属性必须与父组件属性的名称相同。试试这个：

<app-departments [childTitle]="title"></app-departments>

---

您需要在类中的childTitle上方添加

@Input（）

export class FullLayoutComponent implements OnInit {
    @Input()
    public childTitle: string = 'This text is passed to child';

html中的名称必须与子组件属性的名称相同，html中的属性必须与父组件属性的名称相同。试试这个：

<app-departments [childTitle]="title"></app-departments>

---

您可以使用其中一种

@Input（）标题：string=”“

或

或

你可以用其中一个

@Input（）标题：string=”“

或

或

您好，请删除此输入属性并重试

@Component({
  selector: 'app-departments',
  templateUrl: './departments.component.html',
  **inputs: ['title']** 
})

您好，请删除此输入属性并重试

@Component({
  selector: 'app-departments',
  templateUrl: './departments.component.html',
  **inputs: ['title']** 
})

尝试此：[title]作为应用程序部门属性，以获取计数：

<ul class="nav-dropdown-items">
<li class="nav-item" *ngFor="let item of dropDownItems">
    <a class="nav-link" routerLinkActive="active" [routerLink]="item.routerLink">
        <i class="icon-puzzle"></i>{{item.name}}
        <app-departments [title]="item"></app-departments>
    </a>
</li>



{{item.name}



并添加到子组件中：

<p>
  {{title.name}}
</p>


{{title.name}

尝试此：[title]作为应用程序部门属性，以获取计数：

<ul class="nav-dropdown-items">
<li class="nav-item" *ngFor="let item of dropDownItems">
    <a class="nav-link" routerLinkActive="active" [routerLink]="item.routerLink">
        <i class="icon-puzzle"></i>{{item.name}}
        <app-departments [title]="item"></app-departments>
    </a>
</li>



{{item.name}



并添加到子组件中：

<p>
  {{title.name}}
</p>


{{title.name}

您必须在父组件中初始化输入属性，在您使用*ngFor和部门组件的情况下，需要输入属性的一些初始值，您可以像下面这样在DepartmentsComponent模板中处理@Input属性值，ng容器不会在dom中引入任何额外的元素


您必须在父组件中初始化输入属性，在您使用*ngFor和部门组件的情况下，需要输入属性的一些初始值，您可以像下面这样在DepartmentsComponent模板中处理@Input属性值，ng容器不会在dom中引入任何额外的元素



试着去掉装饰器中的“inputs”属性，并在NgonChangeserry中调用控制台日志，我是Angular2的新手，您能缩写一下吗@chrispyTry去掉decorator中的“inputs”属性并在ngonchangessory中调用控制台日志，我是Angular2的新手，您能缩写一下吗@ChrisPyregards不使用上述任何一项，它不会打印它在父组件中初始化的内容您在team viewer中是否可用？您好。是的，请告诉我您的详细信息。不使用上述任何一项，它不会打印父组件中的初始内容。您是否可以在team viewer中找到？您好。是的，可以告诉我您的详细信息吗？
Input（）
不起作用，我添加了
@Input（）
但仍然无法解决有关此问题的任何想法？
Input（）
不起作用，我添加了
@Input（）
但仍然无法解决有关此问题的任何想法？您好，它没有修复问题Hi，我的标题是HTML元素的默认属性。因此，尝试给出不同的名称并尝试：-）好的，我将其更改为
检查
，它仍然打印
未定义
嗨，它没有修复问题Hi，I title是HTML元素的默认属性。所以试着给不同的名字，然后试试：-）好的，我把它改成了“检查”
，它仍然打印“未定义”