如何創建一個將模板包裝到其他元素（Angular 2）中的自定義指令？

我對Angular 2相當陌生。我想創建一個自定義結構指令，將模板包裝在一組html元素中。例如，使用* formField在下面的模板：如何創建一個將模板包裝到其他元素（Angular 2）中的自定義指令？

<input *formField type='text' formControlName="firstName" class='form-control' id='firstName' placeholder='First Name' />

應的結果如下顯示：

<div class='form-group'> 
    <label for='firstName' class='col-sm-2 control-label'>First Name</label> 
    <div class='col-sm-7'> 
     <input type='text' formControlName="firstName" class='form-control' id='firstName' placeholder='First Name' /> 
    </div> 
</div>

來源

2017-02-05 Muhammad Aamir

那麼你有什麼嘗試，究竟是什麼問題呢？您是否閱讀過[文檔]（https://angular.io/docs/ts/latest/guide/structural-directives.html）？ – jonrsharpe

我已經看過了。問題是：我可以使用TemplateRef獲取

我也有幾乎完全相同的問題。我已經閱讀了關於結構指令的文檔，並且他們毫無幫助。如果我弄明白了，我會盡量記得發表一個答案。 –

我會用一個組成部分。似乎適合你正在努力完成的事情。指令應該用來操縱元素的行爲，但是你沒有這樣做。你只是試圖用其他元素包裝該元素，但不能操縱元素本身。

來源

2018-01-10 17:38:04

如何創建一個將模板包裝到其他元素（Angular 2）中的自定義指令？

回答

相關問題