angular - angular 2 rc2 种子项目中的 ng2-bootstrap btnRadio。与 ngModel 的双向绑定(bind)被破坏了？

Question

我正在尝试在 angular 2 rc2 种子项目中使用 ng2-bootstrap 单选按钮。以下代码在我们的 angular 2 rc1 项目中没有任何问题。现在，我正在尝试使用 https://github.com/mgechev/angular2-seed 作为基础创建一个种子项目，但无法正确完成。

我按以下方式使用 ng2-bootstrap 单选按钮指令:

<div class="btn btn-primary" [(ngModel)]="mode" btnRadio="EDITOR" uncheckable> 
     Editor 
</div>

我在 seed.config.ts 中包含了 ng2-bootstrap 和 moment 库。我已经尝试了很多变体(还有 ng2-bootstrap/ng2-bootstrap 等)

paths: {
  ...
  'ng2-bootstrap': `${this.NPM_BASE}/ng2-bootstrap/`,
  'moment': `${this.NPM_BASE}moment/`
},
packages: {
    ...
    'ng2-bootstrap': { main: "ng2-bootstrap.js", defaultExtension: 'js' },
    'moment': { main: "moment.js", defaultExtension: 'js' },
}

我导入以下指令

import { BUTTON_DIRECTIVES } from 'ng2-bootstrap/ng2-bootstrap';
import { ButtonRadioDirective } from 'ng2-bootstrap/ng2-bootstrap';

并由我的组件使用它

@Component({
  moduleId: module.id,
  selector: "editor",
  templateUrl: "editor.html",
  directives: [FORM_DIRECTIVES, CORE_DIRECTIVES, BUTTON_DIRECTIVES, 
  CodeMirrorComponent, ButtonRadioDirective]
})

我构建的项目没有任何问题，但是当我运行服务器时，我得到以下运行时异常:

ORIGINAL EXCEPTION: No value accessor for ''

我确定这里与 ngModel 的双向绑定(bind)被破坏了。我已经将此代码与 rc1 bundle 一起使用，但没有种子项目。现在我不确定，可能是什么问题 - 新的 Angular 版本，或使用构建系统(在我的例子中 - gulp)。

希望有大佬帮忙指教。非常感谢。

自 2016 年 6 月 21 日起编辑

使用的包版本如下:

"dependencies": {
  "@angular/common": "2.0.0-rc.2",
  "@angular/compiler": "2.0.0-rc.2",
  "@angular/core": "2.0.0-rc.2",
  "@angular/forms": "^0.1.0",
  "@angular/platform-browser": "2.0.0-rc.2",
  "@angular/platform-browser-dynamic": "2.0.0-rc.2",
  "@angular/router": "3.0.0-alpha.6",
  "es6-module-loader": "^0.17.8",
  "core-js": "^2.4.0",
  "rxjs": "5.0.0-beta.6",
  "systemjs": "0.19.26",
  "zone.js": "^0.6.12",
  "bootstrap": "^3.3.6",
  "ng2-bootstrap": "^1.0.17"
}

Answer 1

以下应该有效:

导入

import {AlertComponent} from 'ng2-bootstrap/ng2-bootstrap';

路径

'ng2-bootstrap': `${this.NPM_BASE}ng2-bootstrap/bundles/ng2-bootstrap.js`,
'moment/*': `${this.NPM_BASE}moment/*`,

包

'ng2-bootstrap': {defaultExtension: 'js'},
moment: { main: 'moment.js', defaultExtension: 'js' }