input属性不接收数据

Question

我正在尝试将数据传递给我的组件。这是组件的代码。

export class requestDetailComponent{
    @Input() id;
    @Input() name;
    @Input() email;
    @Input() purpose;
    @Input() programme;
    @Input() language;
    @Input() comments;

    visible = false;
    toggle() {
    this.visible = !this.visible;
  }

，模板是：

<div class="col-sm-5">    
    <label>{{name}}</label>
</div>

这是我传递数据的父组件

<ul>
      <li>
          <request-detail [name]='Salman'></request-detail>
      </li>
</ul>

我希望Salman出现在子组件中，但不会发生 有什么问题？

Answer 1

我们应该知道：

name="Salman"

只是糖的

[name]="'Salman'"

所以你可以使用这两个选项。

另见Victor Savkin的Angular 2 Template Syntax

如果使用以下语法：

[name]='Salman'

然后你必须在组件类中声明Salman变量：

class ParentComponent {
  Salman = 'Salman'
}

Angular2使用组件实例范围来访问视图中的变量。

如果您的父组件中没有Salman变量，请参阅下面的图片