AngularJS中ng-checked的示例分析

小编给大家分享一下AngularJS中ng-checked的示例分析,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、网站制作、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的巴州网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

1.需求

在添加页面实现一个checkbox的选择,然后在详情页面展示时,会自动选上之前被选中的。

2.添加页面

看官最好将这个代码复制过去看看效果。









  选择
  
     {{item.shortName}}
  
  结果:{{result}}

3.详情展示

//假设添加页面的结果是:$scope.result = [3,2];










  回写时设置不可选,即设ng-disabled="true"
  
     {{item.shortName}}
  
  结果:{{result}}

看完了这篇文章,相信你对“AngularJS中ng-checked的示例分析”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


本文标题:AngularJS中ng-checked的示例分析
当前URL:http://csruizhi.cn/article/pcggjd.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 网站制作 网站制作 重庆企业网站建设 成都网站建设公司 成都网站设计公司 商城网站建设 成都网站设计 企业网站建设 响应式网站设计 成都网站建设 专业网站建设 成都网站建设 成都网站制作公司 成都网站建设 重庆网站建设 广安网站设计 高端网站设计推广 网站建设 企业网站建设 成都网站设计公司 专业网站设计 自适应网站设计