javascript - 在 Angular2/Javascript 中初始化变量对象

Question

我来自 Angular 1，我只是这样做:

var options = {};
options.location = "test";
options.time = "today";

我只想对 Angular 2 做同样的事情，通过将变量添加到对象并使用插值在 HTML 中引用它们来对我的变量进行“分组”

<input [(ngModel)]="options.location" />

现在我已经想到我可以做到这一点:

export class Options {
  location: string;
}

options: Options = {
  location: 'test'
};

我的问题:有没有更简单的方法，比如

options: {location: string};

谢谢!

Answer 1

Typescript 可以被认为是扩展的 JavaScript。任何有效的 JavaScript 代码都是有效的 Typescript 代码。

您在问题中编写的代码:

var options = {};
options.location = "test";
options.time = "today";

...完全合法(但不是最优的)。

事情是，简单地声明 options 您在组件中所做的方式不会使其从模板中可见。 options 必须是 Component 类的 public 成员。您的 Component 类应该如下所示

@Component({
  template: `
<input [(ngModel)]="options.location" />
`})
export class FormsPage {
  options = {location :"test", time : "today" }
}

请注意，如果我是你，我会阅读 Typescript documentation (甚至 JavaScript 一个)除了 Angular2 的一个。这将帮助您更好地理解如何处理它。