Javascript 最初不检查单选按钮

Javascript 最初不检查单选按钮,javascript,angularjs,radio-button,Javascript,Angularjs,Radio Button,我见过很多类似的问题,但没有一个能解决我的问题: 我有一个ng重复来显示项目列表。它们中的每一个都有一个div,在满足某些条件时显示:' 在那个div里面,我有一个单选按钮: <input type="radio" ng-model="item.Prop" name="published" ng-value="true" ng-checked="item.Prop"> <span>published</span> <input type="radio"

我见过很多类似的问题,但没有一个能解决我的问题:

我有一个ng重复来显示项目列表。它们中的每一个都有一个div,在满足某些条件时显示:'

在那个div里面,我有一个单选按钮:

<input type="radio" ng-model="item.Prop" name="published" ng-value="true" ng-checked="item.Prop"> <span>published</span>
<input type="radio" ng-model="item.Prop" name="published" ng-value="false"> <span>not published</span>
已发布
未出版
虽然其他功能正在工作,但当我的div变为可见时,不会直接检查它。但是,如果我选择其中一个,它将更改其ng模型


但是为什么在开始时没有选择它呢?

根据您提供的代码很难知道,但我猜
项。Prop
未定义的。如果你能为我们提供更多的代码,一把小提琴或一把普朗克,我们也许能提供更多的帮助

演示您正在经历的行为的小提琴示例:


示例按您的意愿摆弄复选框:

根据您提供的代码很难知道,但我猜是
项。Prop
未定义的
。如果你能为我们提供更多的代码,一把小提琴或一把普朗克,我们也许能提供更多的帮助

演示您正在经历的行为的小提琴示例:


示例:按您的意愿摆弄复选框:

我找到了解决方案:

问题是为ng repeat循环中的每个项目创建了复选框。因此,每个复选框都有相同的名称,因此无法选择任何复选框

为了解决这个问题,我刚刚在复选框名称的末尾给出了项的唯一属性

<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="true" ng-checked="item.Prop"> <span>published</span>
<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="false"> <span>not published</span>
已发布
未出版

以下是答案:

我找到了解决方案:

问题是为ng repeat循环中的每个项目创建了复选框。因此,每个复选框都有相同的名称,因此无法选择任何复选框

为了解决这个问题,我刚刚在复选框名称的末尾给出了项的唯一属性

<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="true" ng-checked="item.Prop"> <span>published</span>
<input type="radio" ng-model="item.Prop" name="published{{item.ID}}" ng-value="false"> <span>not published</span>
已发布
未出版

以下是:

在plunkershow more CoE上提供您的代码您如何循环ng repeat and Model我猜
项。Prop
为false?其中一些为true,一些为false。但是没有一个是被检查的。而且,我直接制作了一个plunker OK在plunker上提供你的代码显示更多CoE你是如何循环ng repeat和Model的我猜
item.Prop
是假的?有些是真的,有些是假的。但是没有一个是被检查的。然后,我直接做一个扑救,好吗