Question

现在多次发生在我身上，所以我想问一下我是做错了还是打字稿/ Angular真的不这样做。根据我的理解，最大的优势之一是变量，参数等的类型声明（接口）。

今天我遇到了这个问题：

一个简单的开关按钮：

<p-selectButton [options]="posLayouts" (onChange)="handle($event)" [(ngModel)]="pageSize"></p-selectButton>

变量：

pageSize: number;

  posLayouts: SelectItem[];

  //On mistake I setted the value here as a string
  this.posLayouts.push({label:'1 Woche', value: '1'});
  this.posLayouts.push({label:'3 Wochen', value: '3'});

在更改功能中，我只需使用posLayouts中的值调用另一个函数。

handle(e){getPager(this.pageSize)}
  getPager(pageSize: number = 3){
    let totalPages: number;
    totalPages = 23 + pageSize -1
    console.log(totalPages)
}

console.log（），返回比eiter 230或232而不是想要的23或25.它将pageSize作为字符串。这种类型的错误很难找到，这次我有运气因为它很容易找到... 无论是Angular还是tslint或我的编辑器都告诉我，我无法将字符串存储在数字变量中。

根据我的理解，打字稿应检查兼容性或Angular以某种方式禁用此处的监听？或者我做错了什么？

Answer 1

TypeScript类型仅供开发工具使用（linter，autocompletion，...）对于运行时，所有代码都转换为JavaScript，并且不再提供类型信息因此，对于用户输入或来自代码外部的其他数据源，您需要确保数据符合您期望的类型。

打字稿/角度类型声明没用？

1 个答案: