NG2-在角2 btnRadio种子项目中引导rc2。ngModel的双向绑定被破坏了吗？

Question

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

我以以下方式使用NG2-引导单选按钮指令：

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

我在seed.config.ts.中包括了ng2引导程序和矩库。我尝试了许多变体(也与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的双向绑定在这里被打破了.我在rc1捆绑包和没有种子项目时使用了这段代码。现在我不确定是什么问题-新的角度版本，或使用一个构建系统(在我的例子-吞咽)。

我希望任何人都能帮上忙。在此之前，非常感谢您。

编辑自2016年6月21.06.2016

使用过的软件包的版本如下：

"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

谢谢大家，我找到了问题和(暂时)解决办法。问题是ng2-bootstrap和angular.forms之间的冲突(我的版本是0.1.0)。这个问题与这个问题有关，https://github.com/valor-software/ng2-bootstrap/issues/627。

我现在不使用角形式，在main.ts中有简单的注释行

//import { disableDeprecatedForms, provideForms } from '@angular/forms/index';

bootstrap(AppComponent, [
   //disableDeprecatedForms(),
   //provideForms(),
   APP_ROUTER_PROVIDERS,
   {
      provide: APP_BASE_HREF,
      useValue: '<%= APP_BASE %>'
   }
]);

我的代码现在正常工作了。

Answer 2

下列措施应能发挥作用：

导入

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' }