网络安全配置.xml
<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
<domain-config>
<domain includeSubdomains="true">localhost</domain>
<domain includeSubdomains="true">192.168.1.3</domain>
</domain-config>
</network-security-config>
Run Code Online (Sandbox Code Playgroud)
配置文件
<platform name="android">
<edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
<application android:usesCleartextTraffic="true" />
<application android:networkSecurityConfig="@xml/network_security_config" />
</edit-config>
<resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />
<resource-file src="google-services.json" target="app/google-services.json" />
<allow-intent href="market:*" />
<icon density="ldpi" src="resources\android\icon\drawable-ldpi-icon.png" />
<icon density="mdpi" src="resources\android\icon\drawable-mdpi-icon.png" />
<icon density="hdpi" src="resources\android\icon\drawable-hdpi-icon.png" />
<icon density="xhdpi" src="resources\android\icon\drawable-xhdpi-icon.png" />
<icon density="xxhdpi" src="resources\android\icon\drawable-xxhdpi-icon.png" />
<icon density="xxxhdpi" src="resources\android\icon\drawable-xxxhdpi-icon.png" />
<splash density="land-ldpi" src="resources\android\splash\drawable-land-ldpi-screen.png" />
<splash density="land-mdpi" src="resources\android\splash\drawable-land-mdpi-screen.png" />
<splash density="land-hdpi" src="resources\android\splash\drawable-land-hdpi-screen.png" />
<splash density="land-xhdpi" src="resources\android\splash\drawable-land-xhdpi-screen.png" />
<splash density="land-xxhdpi" …Run Code Online (Sandbox Code Playgroud) 错误: 未捕获的 ReferenceError:dismissModal 未在 HTMLElement.onclick 中定义
Match-Summary-Modal.component.html
<ion-header translucent>
<ion-toolbar>
<ion-title>Match Summary</ion-title>
<ion-buttons slot="end">
<ion-button onclick="dismissModal()">Return to Queue Page</ion-button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-card>
<ion-card-content>This match you had a score of {{score}}</ion-card-content>
<ion-card-content>And a place of {{place}} out of {{playerCount}} players</ion-card-content>
</ion-card>
</ion-content>
Run Code Online (Sandbox Code Playgroud)
Match-Summary-Modal.component.ts
import { Component, OnInit, Input} from '@angular/core';
import { ModalController } from '@ionic/angular';
@Component({
selector: 'app-match-summary-modal',
templateUrl: './match-summary-modal.component.html',
styleUrls: ['./match-summary-modal.component.scss'],
})
export class MatchSummaryModalComponent implements OnInit {
@Input() score: number;
@Input() place: number;
@Input() playerCount: number; …Run Code Online (Sandbox Code Playgroud)