ng-metadataで転落を達成する

Question

AngularJS 1.6をng-metadataで使用してAngularJSコンポーネントをAngularに段階的に移行しています。

HTMLの一部を転写することができるコンポーネントを作成する必要があり、Angularにアップグレードすると簡単になるため、ng-metadataによって提供されるものを使用できることを期待していました。残念ながら、私はこれについてドキュメントで何も見つけることができません。

transgusionを使用するng-metadataを使用して作成されたAngularJSコンポーネントの例は、これを開始するのに役立ちます。

Answer 1

あなたはtransclude: trueを追加することによって、AngularJSのためのトランスクルーを有効にすることができますあなたの場合は

app.component('myComponent', function() { 
    transclude: true, 
    controller: function() { 
     // Your code 
    } 
}) 

Documentation on regular transclusion

---

を、ng-metadata構文、使用して：

@Component({ 
    selector: 'myComponent', 
    templateUrl: 'my-template.html', 
    legacy: { 
     transclude: true 
    } 
}) 

More info about ng-metadata's transclusion

Answer 2

これは、私のコンポーネントデコレータがどのように見えるかを示しています。

@Component({ 
    selector: 'diDropdown', 
    templateUrl: require('./dropdown-component.html'), 
    legacy: { transclude: true}, 
}) 
export class DropdownComponent {}