Question

这看起来很简单，但我无法理解如何做到这一点。

这就是我想要的：

<my-card>
  <my-profile>
     <my-address>101 Some St.</my-address>
     <my-phone>555-555-5555</my-phone>
     <my-description>I have a great profile</mydescription>
  </my-profile>
  <my-option doclick="Option(1)">Do One</my-option>
  <my-option doclick="Option(2)">Do Two</my-option>
</my-card>

变成这样的东西：

<div class="card">
    <div class="profile">
      <div class="Address">101 Some St.</div>
      <div class="Phone">555-555-5555</div>
      <div class="Description">I have a great profile.</div>
    </div>
</div>

Answer 1

我不确定您的数据是什么样的，但您只需在指令中使用Angular令牌：

<my-card>
  <my-profile>
     <my-address>{{user.address}}</my-address>
     <my-phone>{{user.phone}}</my-phone>
     <my-description>{{user.description}}</mydescription>
  </my-profile>
  <my-option doclick="Option(1)">Do One</my-option>
  <my-option doclick="Option(2)">Do Two</my-option>
</my-card>

使用多个嵌套转换包装元素

1 个答案: