我可以在组件控制器文件中使用“输入”修饰符的地方修改该字段吗?

时间:2019-08-09 07:59:25

标签: angular

下面的代码行吗? 有人可以建议一些文章还是只是建议(带有“为什么?”的描述),或者是指向文档的链接,为什么不好或没问题?

@Component({...})
class ExampleComponent {
    @Input() exampleField: string[];

    updateField(values: string[]) {
        this.exampleField = [ ...this.exampleField, ...values ]
    }
}

2 个答案:

答案 0 :(得分:0)

对我来说,这看起来还可以,尽管我不清楚您想做什么。 正如@user已经提到的,这是一种单向绑定。 也许你可以在这里看看:

Angular.io data binding

答案 1 :(得分:0)

Input属性基本上是为了从父组件向子组件提供数据。在Child中接收到数据后,显然可以根据要求对其进行编辑。这是一种绑定方式,因此该子级数据更改不会反映在父级上

这是正常的角度测量方法。我会尝试给你一个例子:

我们有一个父组件product-list.component.ts,它有几个子组件product.component.ts。我们在product-list组件中获取产品列表数据,然后通过输入属性将各个产品数据传递到product组件中。在产品组件中,如果要更新产品数据,可以编辑产品输入属性字段并进行更新API调用。