javascript - 如何将不可变 js 导入 angular 2 (alpha)？

Question

我试过:

import {Component, Template, bootstrap} from 'angular2/angular2';
import {Immutable} from 'immutable/immutable';

@Component({
  selector: 'my-app'
})
@Template({
  inline: '<h1>Hello {{ name }}</h1>'
})

class MyAppComponent {
  constructor() {
    this.name = 'Alice';
    this.wishes = Immutable.List(['a dog', 'a balloon', 'and so much more']);
    console.log(this.wishes);
  }
}

bootstrap(MyAppComponent);

但是 Immutable 最终成为未定义的。然后我尝试了:

import {Component, Template, bootstrap} from 'angular2/angular2';
import {Immutable} from 'immutable/immutable';

@Component({
  selector: 'my-app'
})
@Template({
  inline: '<h1>Hello {{ name }}</h1>'
})

class MyAppComponent {
  constructor(im: Immutable) {
    this.name = 'Alice';
    this.wishes = im.List(['a dog', 'a balloon', 'and so much more']);
    console.log(this.wishes);
  }
}

但随后我得到 Cannot resolve all parameters for MyAppComponent。有人可以帮我吗？是的，我已将 immutable 文件夹添加到 System.paths。会不会是 Immutable 不能以 ES6 的方式导入？

Answer 1

这是一个小错误。我不得不改变

import {Immutable} from 'immutable/immutable';

到

import Immutable from 'immutable/immutable';