mat-select should support Infinity as a value

[knightcode]

    <mat-form-field>
        <mat-select placeholder="Log out after.." [(ngModel)]="maxsession">
          <mat-option [value]="3600">1 hour</mat-option>
          <mat-option [value]="7862400">3 months</mat-option>
          <mat-option [value]="15724800">6 months</mat-option>
          <mat-option [value]="31557600">1 year</mat-option>
          <mat-option [value]="Infinity">Never</mat-option>
        </mat-select>
      </mat-form-field>

The UI does not show the last option as being selected, but Infinity === Infinity is true, Infinity === 5 is false, etc.

typescript: 2.8.1
angular: 5.2.9

[crisbeto]

Your example doesn't work, because Angular won't interpret Infinity in the template. It'll work if you define your options inside a component and then iterate over them with an ngFor.

options = [
  3600,
  7862400,
  15724800,
  31557600,
  Infinity
];

<mat-form-field>
  <mat-select placeholder="Log out after.." [(ngModel)]="maxsession">
    <mat-option *ngFor="let option of options" [value]="option">{{option}}</mat-option>
  </mat-select>
</mat-form-field>

[knightcode]

Shouldn't it throw an exception if it can't interpret the value?

[mucbits]

The value of Infinity is just undefined, you won't get an error.

Another way would be to provide Infinity like this:

class MyComponent {
   Infinity = Infinity;
}

[crisbeto]

It should throw an error when you run it in AoT.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}