Use unique selectors for Angular apps

master
Nikola Forró 6 years ago
parent 3ccdcc98fa
commit 14bd816108

@ -2,7 +2,7 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-root', selector: 'gifted-subs-app',
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Gifted subs</title> <title>Gifted subs</title>
<base href="/gifted-subs/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48"> <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
</head> </head>
<body> <body>
<section class="mat-typography"> <section class="mat-typography">
<app-root></app-root> <gifted-subs-app></gifted-subs-app>
</section> </section>
</body> </body>
</html> </html>

@ -2,7 +2,7 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-root', selector: 'quotes-app',
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Quotes</title> <title>Quotes</title>
<base href="/quotes/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48"> <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
</head> </head>
<body> <body>
<section class="mat-typography"> <section class="mat-typography">
<app-root></app-root> <quotes-app></quotes-app>
</section> </section>
</body> </body>
</html> </html>

@ -2,7 +2,7 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-root', selector: 'regular-subs-app',
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Regular subs</title> <title>Regular subs</title>
<base href="/regular-subs/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48"> <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
</head> </head>
<body> <body>
<section class="mat-typography"> <section class="mat-typography">
<app-root></app-root> <regular-subs-app></regular-subs-app>
</section> </section>
</body> </body>
</html> </html>

@ -2,7 +2,7 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-root', selector: 'schedule-app',
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Livestream Schedule</title> <title>Livestream Schedule</title>
<base href="/schedule/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48"> <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
</head> </head>
<body> <body>
<section class="mat-typography"> <section class="mat-typography">
<app-root></app-root> <schedule-app></schedule-app>
</section> </section>
</body> </body>
</html> </html>

@ -2,7 +2,7 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-root', selector: 'twitch-logs-app',
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrls: ['./app.component.css'] styleUrls: ['./app.component.css']
}) })

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Twitch Logs</title> <title>Twitch Logs</title>
<base href="/twitch-logs/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48"> <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" sizes="16x16 32x32 48x48">
@ -12,7 +12,7 @@
</head> </head>
<body> <body>
<section class="mat-typography"> <section class="mat-typography">
<app-root></app-root> <twitch-logs-app></twitch-logs-app>
</section> </section>
</body> </body>
</html> </html>

Loading…
Cancel
Save