छद्म तत्व

Question

पर कोणीय 2 बाइंड एनीमेशन एक छद्म तत्व :before के लिए, मैं कोणीय 2 एनीमेशन सिस्टम का उपयोग करने की कोशिश कर रहा हूं। , इस प्रकार

animations: [ 
trigger('heroState', [ 
    state('inactive', style({ 
    backgroundColor: '#eee', 
    transform: 'scale(1)' 
    })), 
    state('active', style({ 
    backgroundColor: '#cfd8dc', 
    transform: 'scale(1.1)' 
    })), 
    transition('inactive => active', animate('100ms ease-in')), 
    transition('active => inactive', animate('100ms ease-out')) 
])] 

और फिर एक डोम तत्व के लिए देते: एनीमेशन प्रवाह के अनुसार, मैं एनीमेशन राज्य परिभाषित करने की जरूरत

<ul> 
<li *ngFor="let hero of heroes" 
    [@heroState]="hero.state" 
    (click)="hero.toggleState()"> 
    {{hero.name}} 
</li> 

हालांकि, मैं करने के लिए इस अनुलग्न करना चाहते हैं एक छद्म before तत्व। मैं उसे कैसे कर सकता हूँ?

Answer 1

इसे आज़माएं कृपया यह वही होगा जो आप चाहते हैं।

<style> 
h1::before { 
    content: url(animation.html); 
} 
</style> 

animation.html फ़ाइल

<ul> 
<li *ngFor="let hero of heroes" 
    [@heroState]="hero.state" 
    (click)="hero.toggleState()"> 
    {{hero.name}} 
</li> 

आशा यह आपके लिए काम करता है।

अधिक इस Using Javascript in CSS