角度js切换数据启用和禁用检查

阿比舍克

我有一个角度应用程序,它具有以下切换表:

<tr ng-repeat="child in requirements">
    <td class="vcenter">
    <input type="checkbox" ng-checked="checkedfunction(child)" ng-click="toggleCheck(child)" ng-disabled="required == (planned + completed) && (selectedCourses.indexOf(child) == -1)" value=""/>
    {{child.course.subject}}-{{child.course.course_no}}
    </td>
    <td class="vcenter">{{child.course.course_name}}</td>}
    <td class="vcenter">3</td> 
</tr>

控制器app.js具有以下功能:

    $scope.toggleCheck = function (course) {
            //checkedfunction(course);
            if (($scope.selectedCourses.indexOf(course) === -1)) {
                $scope.selectedCourses.push(course);
                $scope.planned += 3;    
            } else {
                $scope.selectedCourses.splice($scope.selectedCourses.indexOf(course), 1);
                $scope.planned -= 3;
            }

            $scope.getPercentage();
    };

    $scope.checkedfunction = function(course){
        //$scope.requirementcoursename = [];
        //for(var i = 0; i < $scope.requirements.length; i++){
            $scope.coursedetail = course;
            $scope.requirementcoursename = ($scope.coursedetail.course.subject).concat("-",$scope.coursedetail.course.course_no);
            for(var j = 0; j < $scope.mpttdetails.length; j++){
                if($scope.requirementcoursename==$scope.mpttdetails[j].student_academic_credit.course_name){
                    return true;
                }
            }
            for(var k = 0; k < $scope.planneddetails.length; k++){
                if($scope.requirementcoursename==$scope.planneddetails[k].course_name){
                    return true;
                }
            }
        //} 

    }

在这里,将检查切换,如果课程已经存在于任何数据数组中(如中所示)checkedfunction()

但是我想知道是否有一种方法可以禁用正在检查的课程mpttdetails并保持planneddetails启用状态?

我正在尝试检查和禁用切换(就像我在ng-checked中所做的一样),如果孩子存在于mpttdetails中(即在mpttdetails循环上执行检查时返回true)。如果没有,它将保持选中状态并启用

马克·克莱恩

打破你mpttdetails退房的checkFunction,创建一个新的范围函数:

$scope.checkMpttdetails = function(course) {
    ...    
}

这样,您仍然可以从 checkedFunction

$scope.checkedfunction = function(course){
    ...
    if ($scope.checkMpttdetails) { return true }
    ...
}

ng-disabled表达中使用它时

ng-disabled="(required == (planned + completed) && 
(selectedCourses.indexOf(child) == -1)) || checkMpttdetails(child)"

我意识到还有一些其他细节需要重构(例如,如何使用顶部的传递参数checkedFunction),但是这些细节留给了您。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

角度js切换数据启用和禁用检查

来自分类Dev

启用禁用的切换按钮/更改 json 值角度

来自分类Dev

JButton切换禁用和启用ItemListener

来自分类Dev

如何使用切换启用和禁用按钮

来自分类Dev

是否可以在禁用和启用DT表之间切换?

来自分类Dev

如何在启用和禁用表单提交之间切换?

来自分类Dev

如何在 Android 中使用切换按钮启用和禁用 Toast?

来自分类Dev

使用 JS 切换禁用类

来自分类Dev

切换活动类角度 js

来自分类Dev

jQuery-启用禁用(切换)Selectbox onClick按钮

来自分类Dev

切换禁用的单选按钮并更改检查值

来自分类Dev

如何在Windows 7中启用,禁用和在内部和外部麦克风之间切换?

来自分类Dev

js切换和按钮

来自分类Dev

带切换按钮的选项卡式内容和禁用切换的类

来自分类Dev

禁用折叠以链接数据切换元素

来自分类Dev

禁用时删除数据切换属性

来自分类Dev

禁用折叠以关闭数据切换元素中的链接

来自分类Dev

禁用时删除数据切换属性

来自分类Dev

Bootstrap 数据切换属性禁用更改事件 - Angular

来自分类Dev

数据切换禁用里面的 a 标签

来自分类Dev

暂时禁用热角和停靠屏幕切换

来自分类Dev

启用和禁用切换文本字段

来自分类Dev

切换复选框时无法启用/禁用文本框

来自分类Dev

复选框不想切换启用禁用字段

来自分类Dev

自动热键-设置热键进行切换(禁用-启用孔自动热键脚本)

来自分类Dev

使用jQuery切换(启用/禁用)HTML表中的所有复选框

来自分类Dev

如何根据单选按钮切换启用/禁用输入字段

来自分类Dev

WPF MVVM 切换按钮在运行时启用/禁用

来自分类Dev

引导程序切换 - 如何始终启用而不禁用值

Related 相关文章

热门标签

归档