Recently attempted an Angular demo and encountered an error related to [ts] not being able to locate a div element.
import { Component } from "@angular/core";
import { FormControl } from "@angular/forms";
@Component({
selector: "main",
template: '
<div>
<label for="first-name-input">First Name:</label>
<input type="text" [formControl]="firstNameInput"
</div>',
})
export class AppComponent {
public firstNameInput: FormControl = new FormControl("");
public lastNameInput: FormControl = new FormControl("");
public message: string = "Hello World!";
}
Currently using Core2.0 alongside the latest Angular version. Any insights on the code snippet above?
Below is the content of tslint.json:
{
"extends": "tslint:latest",
"rules": {
"arrow-parens": true,
"interface-name": [ true, "never-prefix" ],
"curly": true,
"no-var-requires": false,
"no-string-literal": false,
"no-console": [ false ],
"object-literal-sort-keys": false,
"ordered-imports": [ false ]
},
"jsRules": {
"curly": true
},
"rulesDirectory": []
}
This marks my initial encounter with TypeScript and Angular.