Bileşen tarafına ng içerikli açısal kod nasıl oluşturulur?

Question

Aşağıdaki gibi nasıl kullanabilirim: <test> içeriğinde {{x-value}} içeriği test.html JS sınıfına karşılık gelir. Bileşen sınıfına başvurma.

test.html

<test x-value="abc"> 
<b>{{x-value}}</b> 
</test> 

test com.js ifadeniz geçerli bileşene karşı yürütüldüğünde Aslında

@Component({ 
    selector : 'test', 
    template : '<ng-content></ng-content>', 
    directives : [IONIC_DIRECTIVES], 
    providers : [], 
    inputs : ['value : x-value'], 
}); 
export class Test{ 
    constructor() { 

    } 
    ... 

} 

Answer 1

. Test birini kullandığınız bileşeni kastediyorum. bunun yerine Test bileşeninden değeri elde etmek istiyorsanız

Bu deneyebilirsiniz: (# ile tanımlanan) yerel değişkeni

<test #test x-value="abc"> 
    <b>{{test['x-value']}}</b> 
</test> 

test bileşeninin kendisinin bir başvuru olsun. Daha sonra, test bileşeninin girdi içeriğine enterpolasyon kullanarak "x değeri" özelliğini görüntülemek için kullanabilirsiniz.