Vasco Cavalheiro jhades

Founder of the Angular University, and OnlineCourseHost.com

jhades / 01.ts

Last active January 31, 2018 08:13

Angular Debugging "Expression has changed after it was checked" Error - Simple Explanation (and Fix)


	@Component({
	selector: 'course',
	templateUrl: './course.component.html'
	})
	export class CourseComponent implements AfterViewInit {

	@ViewChild(MatPaginator) paginator: MatPaginator;

	ngAfterViewInit() {

jhades / 01.ts

Last active July 6, 2022 11:22

Angular Material Data Table blog post - https://blog.angular-university.io/angular-material-data-table


	import { MatInputModule, MatPaginatorModule, MatProgressSpinnerModule,
	MatSortModule, MatTableModule } from "@angular/material";

	@NgModule({
	declarations: [
	...
	],
	imports: [
	BrowserModule,

jhades / 01.html

Last active March 23, 2020 01:43

Service Workers: The Complete Guide


	<!-- commonly used JS bundles -->
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" ></script>
	<script src="http://getbootstrap.com/dist/js/bootstrap.min.js"></script>
	...

	<!-- register the Service Worker -->
	<script src="sw-register.js"></script>

jhades / 01.ts

Last active June 6, 2024 23:20

Angular Security - Authentication with JWT

jhades / 01.ts

Last active September 7, 2017 14:50

Angular Authentication

jhades / 01.ts

Last active July 22, 2022 13:48

ng-template, ng-container and ngTemplateOutlet examples


	@Component({
	selector: 'app-root',
	template: `
	<ng-template>
	<button class="tab-button"
	(click)="login()">{{loginText}}</button>
	<button class="tab-button"
	(click)="signUp()">{{signUpText}}</button>
	</ng-template>

jhades / 01.ts

Last active January 21, 2020 10:45

Angular HTTP

	import {HttpClientModule} from '@angular/common/http';

	@NgModule({
	declarations: [
	AppComponent
	],
	imports: [
	BrowserModule,
	HttpClientModule
	],

jhades / 0.html

Last active September 9, 2020 00:35

Angular Component Styling Guide


	<p>A Bootstrap Primary Button:</p>
	<button class="btn btn-primary">Button</button>

jhades / 01.ts

Last active September 16, 2021 06:10

Content Projection


	@Component({
	selector: 'app-root',
	template: `

	<h1>FA Input</h1>

	<fa-input icon="envelope" (value)="onNewValue($event)"></fa-input>

	<fa-input icon="lock" (value)="onNewValue($event)"></fa-input>

jhades / 01.html

Last active May 15, 2017 10:17


	<input placeholder="Type Your Search">