如何将方法传递给指令并调用它以将数据传递给嵌套指令?
How to pass a method to a directive and invoke it to pass data to a nested directive?
我写了一个指令,list
,它显示了一个项目列表。
然后我想在另一个指令中重用这个组件,wrapped-list
将修改列表(添加一些项目,更改一些值),并在它周围添加一些装饰性的东西。
list
需要一个项目列表作为参数,然后,wrapped-list
需要相同的列表,加上将更改列表值和内容的方法。
当我尝试从 wrapped-list
调用方法以便将数据传递给 list
时出现问题。
参见 fiddle here。
我尝试了很多疯狂的组合,但都没有成功。
items="listFactory({items:items})"
items="listFactory(items)"
items="{{listFactory(items)}}"
...
到目前为止运气不好。
有什么想法吗?
注意:我可以让它与 items="$parent.listBuilder(items)"
一起工作,但我不想依赖父级的范围。
另外,我知道这会生成 $digest() iteration reached error
,这不是这个问题的一部分!
正如 Ohjay44 评论的那样,错误是 listFactory
应该在 HTML 边被引用为 list-factory
。
我写了一个指令,list
,它显示了一个项目列表。
然后我想在另一个指令中重用这个组件,wrapped-list
将修改列表(添加一些项目,更改一些值),并在它周围添加一些装饰性的东西。
list
需要一个项目列表作为参数,然后,wrapped-list
需要相同的列表,加上将更改列表值和内容的方法。
当我尝试从 wrapped-list
调用方法以便将数据传递给 list
时出现问题。
参见 fiddle here。
我尝试了很多疯狂的组合,但都没有成功。
items="listFactory({items:items})"
items="listFactory(items)"
items="{{listFactory(items)}}"
...
到目前为止运气不好。 有什么想法吗?
注意:我可以让它与 items="$parent.listBuilder(items)"
一起工作,但我不想依赖父级的范围。
另外,我知道这会生成 $digest() iteration reached error
,这不是这个问题的一部分!
正如 Ohjay44 评论的那样,错误是 listFactory
应该在 HTML 边被引用为 list-factory
。