laravel angular

[ousmane0682]

I having actually one issue with my code. any one can help me here .
I just want the default selected but I'm new with laravel annd I don't know how to manage that. please help

student.component.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { StudentService } from '../services/student.service';
import { HttpClient } from '@angular/common/http';
import { ActivatedRoute } from '@angular/router';

@component({
selector: 'app-students',
templateUrl: './students.component.html',
styleUrls: ['./students.component.scss']
})
export class StudentsComponent implements OnInit {
limits = [
10, 20, 30, 100, 200, 500, 1000
]
//limit: any = 10;
limit = this.limits[10];

}

studet.component.html

first is working properly.
1.first

Students

{{limit}}

• {{_limit}}

--------------------------------------------------- 2.second {{_limit}}