如何使用Angular 2访问组件内容中的组件数据

时间:2016-07-21 10:16:38

标签: javascript angular angular2-directives transclusion

在开发我的第一个小角度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

基本问题仍然存在:是否可以通过某种方式从投影内容访问组件数据?

感谢您提前提供任何帮助。

0 个答案:

没有答案