Question

我正在尝试创建自定义滑块。问题是我的项目中有2个滑块具有完全相同的功能，但有两个不同的html结构。第一个滑块项看起来像这样：

Function PullData(CR As String)

Dim Conn As New ADODB.Connection
Dim RS As New ADODB.Recordset
Dim Cmd As New ADODB.Command
Dim sqlText As String
Dim Row As Long
Dim Findex As Long
Dim Data As Worksheet
Dim X As Long
    Set Data = Sheets("Sheet1")
    Data.Select
    Cells.ClearContents
    Conn.Open "PROVIDER=OraOLEDB.Oracle ;DATA SOURCE=mydb;USER ID=x;PASSWORD=y"
    Cmd.ActiveConnection = Conn
    Cmd.CommandType = adCmdText
    sqlText = "select mycol from mytable where ID = & CR"


    Cmd.CommandText = sqlText
    Set RS = Cmd.Execute
    For X = 1 To RS.Fields.Count
        Data.Cells(1, X) = RS.Fields(X - 1).Name
    Next

    If RS.RecordCount < Rows.Count Then
        Data.Range("A2").CopyFromRecordset RS
    Else
        Do While Not RS.EOF
           Row = Row + 1
           For Findex = 0 To RS.Fields.Count - 1
             If Row >= Rows.Count - 50 Then
                Exit For
             End If
             Data.Cells(Row + 1, Findex + 1) = RS.Fields(Findex).Value
           Next Findex
           RS.MoveNext
        Loop
    End If
    Cells.EntireColumn.AutoFit
End Function

第二个滑块如下所示：

<li> 
  <h2>Title</h2>
  <img src="url">
  <span>1000 items</span>
</li>

我在一个模板中渲染轮播时有解决方案

<li> 
  <div>
    <img src="url">
    <h2>Title</h2>
  </div>
  <div>
    <span>1234 count</span>
    <span>4321 count</span>
  </div>
</li>

然后你就这样使用它：

<div class="carousel">
  <ul class="slides">
    <li *ngFor="#image of images">
      <h2>{{image.title}}</h2>
      <img src="{{image.url}}" alt="">
    </li>
  </ul>
</div>

但是，在这种情况下，我只能将其用于html场景。

问题：

是否可以在一个父组件中传递自定义html模板，因此我会对不同的html标记使用相同的逻辑？

也许可以传递模板本身？

Answer 1

如果使用@Input（）为源创建组件并使用ngFor循环

，该怎么办？

您也可以循环使用组件并使用可能有效的输入指令附加自己

模板中的角4模板

1 个答案: