我正在尝试建立一个角度为2的模型,但他们选择不正确的问题

约书亚(Joshua Deshazer)

我正在尝试使用角度2的界面来构建我的html模板,以显示复选框。我希望它们的行为像普通复选框一样,如果它们按该值进行检查,然后如果按所有人进行检查,然后通过所有国家/地区,则通过该值。

这是我的界面

export interface Sop {
    description: String; 
    country?: String[];
}

这是我的组件代码

export class VideoFormComponent implements OnInit {
  public sop: Sop; 
   public countrys = [
        {value: 'US', display: 'US'}, 
        {value: 'UK', display: 'UK'}, 
        {value: 'JP', display: 'JP'}, 
        {value: 'CA', display: 'CA'}, 
        {value: 'All', display: 'All'}
    ]; 
  ngOnInit(){
     this.sop = {
         description: "hello",
         country: [this.countrys[4].value]
     }
  }

这是我的html:

<label>Country: </label>

            <div *ngFor="let country of countrys">

                <input type="checkbox"  [name]="country.display" [(ngModel)]="sop.country"  [value]="country.value">{{country.display}}
                </div><br>

这将正确显示,但在页面加载时将全部选中。当我尝试取消选择它们时,它们全部都被取消选择,而我对角度2还是很陌生。我希望所有这些都默认选中,但是我也希望他们能够在需要时选择或取消选择。我确实希望进行检查,但是我想如果他们取消所有检查,我可以使“” =所有国家

ko

因为您具有此绑定,所以都对它们进行了检查[(ngModel)]="sop.country"

这样说;此输入元素模型为,sop.country并且由于sop.country具有“真实的”值(country: [this.countrys[4].value]),因此将对它们全部进行检查。

而且您将所有这些都绑定到相同的模型,这就是为什么它们都具有相同的行为的原因。

您可能会想要更多类似这样的东西:https : //plnkr.co/edit/SvVEqDwDitLSWr3KWXeL?p=preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我如何在火力DATABSE一个特定的密钥,并比较他们,如果他们是一样的吗?

我无法从一个类型数组到一个自定义ArrayAdapter将绘制资源ID。他们都进来为“0”

我需要一个数字吗?他们是干什么的?

我有一个输入文件,我正在尝试从中建立字典

我正在使用Angular,它具有一个模式对话框,然后具有复选框。我无法使复选框记住他们的选择

有人可以向我解释此哈希函数如何工作(如果他们还有另一个更好的选择)?

我正在尝试在python中创建一个程序,以接受用户提供的输入并告诉他们是否未成年人

您将如何编程一个循环一个问题的循环直到回答正确?我如何编码一条消息以表明他们回答错了

我正在尝试运行cronjob,但执行不正确

如何提示用户输入一个数字,直到他们选择一个奇数?C ++

我的一个文件的Tabstop设置不正确

我还有另一个问题,如果我单击两个按钮,为什么两个按钮都返回不正确?

Outlook 阻止了我的 PHPmailer,但他们拒绝了

为特定的人选择最“受欢迎”的追随者。一个人的追随者越多,他们就越“受欢迎”

Kubernetes 正在创建一个端口不正确的 nodeport 服务并且无法访问

InvalidArgumentException ensureCleanSession 是一个已知的 IEDriverServer 3.12.0 问题还是我实例化它不正确?

我如何一遍又一遍地问用户一个问题,直到他们输入正确的值字段?

我正在尝试获取所有 <h2> 标签的 innerHTML 并将其设置为他们的个人 ID,但我不知道如何去做

我正在尝试创建一个随机选择的个体,使其在随机分布中呈阳性,但我的代码不正确

SQLSTATE[HY000] [2002] 没有这样的文件或目录。我知道有这种问题。但他们没有帮助

我想让用户选择一个他们想要保留的数字并放入一个数组中。并将它们放入单独的索引中

我正在尝试在 git 中切换分支,但他们要求提供某种报价

我建立了一个计算器,如果他们没有输入任何数字,我想给出错误

当他们的分数有联系时,优先选择一个观察

我刮了帖子的评论,但他们不刮

我抓取电子邮件,但他们不抓取数据

我正在编写一个简单的代码来询问某人的名字,他们的老师的名字,然后平均他们最近的 4 次考试成绩并显示某个消息

我想建立一个docusign api,让拥有docusign帐户的客户通过我们的网站管理他们进行交互

我正在尝试确认年龄和姓名。当他们有 0 的机会时,他们无法继续。我的问题是当他们得到 0 他们仍然可以继续