Help me to add dagger dynamic

i try to make data-liststyle : asterisk and dagger symbol using *ngfor my expected output:

* list1
** list2
† list3
†† list4

Here is my code for set asterisk dynamic but i need to add † also so could you please help me with set Dagger symbol output as above output 1st and 2nd are * and 3r and 4th are †.

   <li *ngFor="let note of notes; let i = index;" [attr.data-liststyle]="(i+1) | asterisk"
          [innerHTML]="note | translate">
        </li>

OUTPUT of this code


* list1
** list2
*** list3
**** list4

i resolve this using create dagger directive