Question

我有一个子组件，该子组件使用@Input指令从父组件获取属性值。问题在于，双向数据绑定似乎不适用于此输入属性。知道是什么原因吗？

子组件类

@Component({
  selector: 'app-edit-property',
  templateUrl: './edit-property.component.html',
  styleUrls: ['./edit-property.component.css']
})
export class EditPropertyComponent implements OnInit {

  @Input() property: any;

  constructor(
    private propertiesService: PropertiesService
  ) { }

  ngOnInit() {
  }

}

模板

<input type="text" class="form-control" required name="title" [(ngModel)]="property.title" #title="ngModel">

父组件

<app-edit-property [property]='property'></app-edit-property>

Answer 1

对于两种绑定方式，您必须实现一个unsigned long address = 0xeas17e57; const unsigned int page_size = 4096; unsigned long page_number = address/page_size; unsigned int offset = address % page_size;，该属性的名称与带有Change的后缀相同，如下所示：

@Output

在html中，添加@Input() counter; @Output() counterChange = new EventEmitter();

您将发出如下新值：

[(counter)]="someValue"

Answer 2

@Input指令设计用于单向绑定。您只能使用@Input将值添加到组件中。使用@Output指令从组件中发出一个值，以便父组件接收该值。

具有@input属性的Angular 7 2向绑定

2 个答案: