input表单type="radio"时处处坑

ng-checked 与 ng-model共用的坑

ng-checked在官方文档中一个Note,提示此指令不能和ng-model一起使用,会导致意想不到的行为。

https://docs.angularjs.org/api/ng/directive/ngChecked

ng-checked是一种表达式时,当ng-checked="true"时,意思就是说该复选框会默认被选中,数据传递时就会传递该默认的数据,而选择其它则无用。

默认选中type="radio"中一项

一般表单中需要默认选中某一个radio时,需要value与ng-model值相同时,就会被选中,但是如果使用ng-value与ng-model共用时就不会被选中了,我的ng-value里是一个表达式获取到的一段字符串数据,此时默认选中我选择在controller中让其需要默认选中的表单model的值等于ng-value的值,初始化一下就好了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 1,661评论 0 3
  • 基础ng属性指令 ng-hrefng-srcng-disabledng-checkedng-readonlyng-...
    JUN_API阅读 521评论 0 0
  • AngularJSAngularJS 是一个 MV* 框架, 最适于开发客户端的单页面应用。它不是个功能库,...
    一直以来都很好阅读 917评论 0 0
  • 基础ng属性指令 布尔属性 布尔属性代表一个true或false值。当这个属性出现时,这个属性的值就是true(无...
    oWSQo阅读 1,252评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,027评论 19 139