简介
在进行基于Ember.js开发的前端应用时，我们常常需要使用Ember Data库来管理数据。而为了更好地使用这个库，在TypeScript中我们可以通过下载并使用 @types/ember-data 来获得支持。
这篇文章将会介绍在你的Ember项目中如何使用 @types/ember-data 配置类型定义，在你的TypeScript代码中获得更好的类型检查和提示。
步骤
步骤1：安装 @types/ember-data
在你的项目中执行以下命令来安装 @types/ember-data ：
npm install --save-dev @types/ember-data
步骤2：配置项目
在你的项目的tsconfig.json文件中，添加以下两个项：
{
"compilerOptions": {
"types": ["@types/ember-data"]
},
"include": ["node_modules/@types"]
}配置文件中的 "types": ["@types/ember-data"] 将会告诉TypeScript编译器需要引入 @types/ember-data 包的类型定义。
步骤3：使用
现在你就可以在你的TypeScript代码中使用 ember-data 中定义的类型了：
-- -------------------- ---- ------- ------ -- ---- ------------- --------- ---- - --- ------- ------ ------- -------- ------- - ----- ----- - --- ----------- ----- ----- ---- - -------------------------- - ------ --- ------ -------- ----- -- -- ----- ----- --- ------------
在上述代码中，我们为Post对象定义了一个类型，并使用了Ember Data中的store和createRecord函数。通过类型定义和使用名称相同的接口和类型名，我们就可以获得非常好的类型检查和提示。
示例
让我们通过下面的代码来演示在Ember.js中使用 @types/ember-data 的方式。
import DS from 'ember-data';
export default DS.Model.extend({
title: DS.attr(),
content: DS.attr(),
comments: DS.hasMany('comment')
});我们可以将该代码进行如下修改以支持TypeScript：
-- -------------------- ---- -------
------ -- ---- -------------
------ ------- ----- ---- ------- -----------------
------ ----------
-------- ----------
--------- ---------------------
-- --
------- ------ ----------------------------------- -
------ ------- --------- ------------- -
------- -----
-
-在上述代码中，我们使用了 export default class 定义了我们的Post类，并使用了 DS.Model.extend() 函数将所有Ember Data中的Model特性都添加到了该类中。
我们还使用了TypeScript的内置 extends 语法，将我们的Post类和 DS.Model.extend() 函数结合起来，来获得TypeScript中的类继承。
最后，我们使用了 declare module 语句来声明我们的Post类在Ember Data的Model Registry中的名称，并使TypeScript能够正确地解析其类型。
结论
现在你已经了解了如何在你的Ember项目中使用 @types/ember-data ，你可以获得在你的TypeScript代码中更好的类型检查和提示。出色的语法支持和类型检查能够帮助你大大减少错误和调试时间，同时也能提高你的工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/types-ember-data