在开发我的第一个小角度2单页应用程序时遇到了问题。经过两天google和try-n-error,你是我最后的希望。
基本上我有一个重复的(ngFor)"组"具有多个" listitem"的组件其中的组件。列表项只是一些带有复选框的文本。
列表项目由内容投影传递。现在我可以根据使用内容投影的插槽选择了多少列表项来显示消息。
<group
*ngFor="#item of List1; #i = index"
[title]="item">
<listitem
*ngFor="#item2 of List2; #k = index"
[title]="item2"
[selectionobject]="List3[ k ]">
click to select
</listitem>
<div slot-noselect>
<span>Select items as you like.</span>
</div>
<div slot-anyselect>
<span>You have selected at least one item in the group.</span>
<!-- In the following line "selobjects" is never set.
It is a property of the group component class.
Is it possible to access this here? -->
<span *ngFor="#obj of selobjects; #l = index">
You selected: {{ obj }}
</span>
</div>
</group>
我希望显示所有选定项目的列表(甚至是计数),而不是在组件中,而是在组件组件的内容中。
您可以在plunker中找到工作代码。取消注释该部分,看它不起作用。
https://plnkr.co/edit/hk7Naft1eseZFBOrME3i?p=preview
基本问题仍然存在:是否可以通过某种方式从投影内容访问组件数据?
感谢您提前提供任何帮助。