在angular 2+ ui-router 1+中，如何将参数传递给子视图？

Question

父模板

<ui-view [inputValue]="something"></ui-view>

子组件示例

@Component({
  selector: 'child',
  template: '...'
})
export class ChildComponent {
  @Input() inputValue;
}

UIView指令不允许它不知道的输入参数（例如inputValue），那么如何才能将“something”变量传递给子inputValue？

Answer 1

删除属性绑定语法并将inputValue声明为您在父HTML块中使用的子选择器块的属性

父模板

 <ui-view>
         <child inputValue="something"></child>
    </ui-view>

子组件示例

@Component({
  selector: 'child',
  template: '...'
})
export class ChildComponent {
  @Input() inputValue;
}

现在您可以在子模板中使用inputValue