新版本不能这样写

Question

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

Answer 1

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

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

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

{     "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条评论