Starter/samples
1
0
Fork 0
mirror of https://github.com/flutter/samples.git synced 2026-03-26 14:22:03 +00:00
Code Issues Releases Wiki Activity

Update ng-flutter embedding example to Angular v17 (#2081)

Browse Source 
This should also fix the dependabot security alert currently open
against the repository
(https://github.com/flutter/samples/security/dependabot/8).
This commit is contained in:
Parker Lougheed
2023-11-08 12:44:27 -06:00
committed by GitHub
parent f741c8ff08
commit 22d8c477a3
7 changed files with 3814 additions and 2462 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
web_embedding/ng-flutter/src/app/app.component.ts
View File

@@ -57,27 +57,32 @@ import { MatInputModule } from '@angular/material/input';
<mat-option value="dash">Custom App</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field appearance="outline" *ngIf="this.flutterState?.getScreen() == 'counter'">
<mat-label>Clicks</mat-label>
<input type="number" matInput (input)="onCounterSet($event)" [value]="this.flutterState?.getClicks()" />
</mat-form-field>
<mat-form-field appearance="outline" *ngIf="this.flutterState?.getScreen() != 'counter'">
<mat-label>Text</mat-label>
<input type="text" matInput (input)="onTextSet($event)" [value]="this.flutterState?.getText()" />
<button *ngIf="this.flutterState?.getText()" matSuffix mat-icon-button aria-label="Clear" (click)="this.flutterState?.setText('')">
<mat-icon>close</mat-icon>
</button>
</mat-form-field>
@if (this.flutterState?.getScreen() === 'counter') {
<mat-form-field appearance="outline">
<mat-label>Clicks</mat-label>
<input type="number" matInput (input)="onCounterSet($event)" [value]="this.flutterState?.getClicks()" />
</mat-form-field>
} @else {
<mat-form-field appearance="outline">
<mat-label>Text</mat-label>
<input type="text" matInput (input)="onTextSet($event)" [value]="this.flutterState?.getText()" />
@if (this.flutterState?.getText()) {
<button matSuffix mat-icon-button aria-label="Clear" (click)="this.flutterState?.setText('')">
<mat-icon>close</mat-icon>
</button>
}
</mat-form-field>
}
</section>
</mat-nav-list>
</mat-sidenav>
<mat-sidenav-content class="sidenav-content">
<div class="flutter-app" #container>
<ng-flutter
src="flutter/main.dart.js"
assetBase="/flutter/"
(appLoaded)="onFlutterAppLoaded($event)"></ng-flutter>
<ng-flutter
src="flutter/main.dart.js"
assetBase="/flutter/"
(appLoaded)="onFlutterAppLoaded($event)"></ng-flutter>
</div>
</mat-sidenav-content>
</mat-sidenav-container>