gpt4 book ai didi

javascript - 将数组绑定(bind)到 Angular 1.5 组件的父级

转载 作者:行者123 更新时间:2023-12-02 14:00:03 25 4
gpt4 key购买 nike

我在子组件上实现双向绑定(bind)时遇到问题。所以我的目标是当数组添加/删除新对象时,父组件上的数组也会反射(reflect)该更改。这是一些更详细的代码。

父组件 Controller :

export class ParentController {
selectedItems = [];
}

父组件html:

<list-selector selectedItems="$ctrl.selectedItems"></list-selector>

子组件:

export var listSelectorComponent: IComponentOptions = {
bindings: {
selectedItems: "="
},
controller: childController
};

子 Controller :

export class listSelectorController {

selectedItems = [];

addToSelectedItems(){
this.selectedItems.push({name:'First Item'});
}
}

这是我收到的错误。我很确定这与绑定(bind)有关,但我不确定出了什么问题。任何建议将不胜感激!

Error: [$compile:nonassign] Expression 'undefined' in attribute 'selectedItems' used with directive 'listSelector' is non-assignable!

最佳答案

您的问题确实与您的绑定(bind)有关。只需将父组件 html 更改为:

<list-selector selected-items="$ctrl.selectedItems"></list-selector>

你就可以开始了。请注意,html 标记属性必须为 like-this,而绑定(bind)属性必须始终为驼峰式 likeThis

关于javascript - 将数组绑定(bind)到 Angular 1.5 组件的父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40478355/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com