新版本不能这样写

Question

观看视频3-6 组件的双向绑定到5：30这里的时候 现在全新版本这样写已经报错了

Answer 1

接灰的电子产品 2022-11-05 17:13:38

tsconfig 文件参照新版git修改一下就可以

检查一下工程的 tsconfig.json， 请设置为下面文件，后面我们会在第九章学习如何添加新的严格类型开关。在第九章之前，请按此文件配置。

{
    "compileOnSave": false,
    "compilerOptions": {
        "baseUrl": "./",
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "module": "es2020",
        "moduleResolution": "node",
        "experimentalDecorators": true,
        "importHelpers": true,
        "target": "es2020",
        "typeRoots": [
        "node_modules/@types"
        ],
        "lib": [
            "es2018",
            "dom"
            ]
    }
}

• 提问者 慕容9463628 #1

  这个回答并没有解决问题啊 你居然没有看新版本的写法

• 接灰的电子产品 #2

  这个不是语法问题，是类型控制严格与否的问题，在第9章讲了开了严格类型开关应该怎么处理

• 接灰的电子产品 回复 提问者 慕容9463628 #3

  event.target 本身不是 angular 的语法，这个是 javascript 的规定，只不过如果开启了严格类型开关之后，ts 类型系统会认为 target 不一定有 value 属性，这种情况下可以直接给出一个函数处理，而不是直接写在模版里面，比如 (input)="handleInput($event)"
  
  ```ts
  handleInput(event: Event) {
      const target = event.target as HTMLInputElement; // 这里做类型转换
      console.log(target.value);
      username = target.value
  }
  ```

点开查看后面3条评论