欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

使用angularJS设置复选框的回显状态

程序员文章站 2023-08-12 12:01:01
思路分析: 在angularJS中,我们可以使用ng-checked="expression()"来设置复选框的状态;当expression()返回true时,该复选框为选择中状态,反之为非选中状态; 实现步骤: 1.在baseController.js中编写代码如下:(由于该方法使用频率较高,所以 ......

思路分析:

  在angularjs中,我们可以使用ng-checked="expression()"来设置复选框的状态;当expression()返回true时,该复选框为选择中状态,反之为非选中状态;

实现步骤:

  1.在basecontroller.js中编写代码如下:(由于该方法使用频率较高,所以我将其放在basecontroller.js中)

    使用angularJS设置复选框的回显状态

  2.在前端页面复选框标签进行如下设置:

    使用angularJS设置复选框的回显状态

    注:$event : 固定参数,可以通过$event.target.checked 获取 当前复选框的选中状态

      entity.id: 为当前复选框的id所对应的的id值。(获取id的方法根据个人业务而定)

以上就是在项目中用到的设置复选框回显状态的方法,希望对你有所帮助。