Question

我的radio buttons只是单向传输数据。更改模型会将正确的单选按钮设置为活动状态，但更改单选按钮不会重新生成数据。

我也不确定为什么[value]和value之间的示例存在差异，因为似乎没有给出差异的任何解释。 Here's a Plnkr我尝试在我的代码中完全模仿，但它仍然无效。这个应用程序远离基本的angular-cli应用程序，我已经注释掉了任何jQuery或Bootstrap JavaScript文件，但我认为仍然可能存在某种冲突阻止数据回流起来。其他非ng-bootstrap [(ngModel)]绑定正常工作。

如果在Augury中我更改了组件的selection.character模型中的字符，那么单选按钮也会更新。但选择不是更新模型。

这是我的模板代码

<div [(ngModel)]="selections.character" ngbRadioGroup name="radioBasic">
            <label ngbButtonLabel class="btn f3 ba b--light-silver">
              <input ngbButton type="radio" value="Bugs"> Bugs
            </label>
            <label ngbButtonLabel class="btn f3 ba b--light-silver">
              <input ngbButton type="radio" value="Porky"> Porky
            </label>
            <label ngbButtonLabel class="btn f3 ba b--light-silver">
              <input ngbButton type="radio" value="Daffy"> Daffy
            </label>
</div>

component.ts

//sample default selections
selections = {
  character: "Bugs",
  anotherField: null,
}

Answer 1

我终于明白了。我没有使用准系统ng new应用程序，而是在内部滚动的内容，其中包括引导程序JavaScript文件的打包，这导致冲突阻止数据重新流回。

所以，如果你正在使用ng-bootstrap，请确保你没有导入普通的bootstrap JS文件，从CDN引用等等。可能对一些人来说显而易见，但事实并非如此甚至在ng-bootstrap网站上提到过。

ng-bootstrap单选按钮只是单向流动的数据

1 个答案: