TypeScript 找不到 div

Question

尝试一个角度演示，并且对[ts]的错误找不到Div。

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!";

}

使用core2.0和新的角下载。以上是什么意思？

这是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": []

}

首次使用打字稿和角度的体验。

Answer 1

这是因为您正在使用多衬里模板字符串周围的单个引号。使用单引号，它不能跨越多行。它看到了行，并认为您是在引用一个名为div的变量

您可以使用`字符（坟墓或背滴）而不是单个引号，该引号定义了一个可能跨越多行的模板字符串。请记住，它还可以评估像$ {...}一样封闭的表达式，这样您就可以拥有$ {text}的东西，如果文本是范围中的变量，甚至更复杂的东西，例如$ {text.touppercase（） 其他文本}。

Answer 2

这是一个简单的语法错误。该模板应该是多行字母的字体，该字符串由Backticks（`）而不是单引号包含。