Angular 1.5和Typescript中的角度组件通信

时间:2016-10-24 22:52:53

标签: angularjs typescript components

我使用的是使用typescript的Angular 1.5组件模型。我创建了一个演示组件并将其称为卡演示组件,另一个组件称为卡组件。我有以下要求。

  1. 在页面上,我使用标记<card-demo></ card-demo>添加了卡片演示组件。
  2. 使用<card></card>子组件呈现不同的卡片,并根据我的json数组对象重复。
  3. 在每张卡片中,我都有一个名为&#34;更多&#34;的链接。
  4. 当有人点击更多链接时,我需要在页面上动态加载<card-demo>。 (这是步骤#1中的相同卡演示组件)。
  5. 为此,我创建了一个名为ids的双向属性。因此,语法为<card-demo ids="8,4,5,88"></card-demo>。因此,当有人点击更多链接时,我会将ID动态传递给ids属性。
  6. 下面的代码完美无缺。

    <card-demo></card-demo>
    <card-demo ids="1,2,3,55"></card-demo> <!--(Hard-coded ids)-->
    

    但是,从卡片的点击事件&#34;更多&#34;在card-demo中我需要将id数据传递给页面上的另一个card-demo对象。

    因此,简化问题:如何从另一个<card-demo>的子组件的click事件设置<card-demo> ids属性。

    如果您没有正确理解要求,请告诉我。

0 个答案:

没有答案