So what i'm trying to do here is to sort the numbers "2", "20", "3", "30", "21"
in the correct order from ascending to descending sort of like a toggle function.

However It seems as it orders from 
30
3
21
20
2
and when clicking the function button again:
2
20
21
3
30
Sort

Code: 

```
import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';

  isAscendic = true
   fruits: any = ["2", "20", "3", "30", "21", ];

 <ul>
      <li *ngFor="let fruit of fruits">{{fruit}}
      </li>
    </ul>

    <button (click)="send()">Sort </button>

```