AngularJS disable dropdown option which previously selected

后端 未结 2 1998
梦毁少年i
梦毁少年i 2021-01-25 07:16



        
2条回答
  •  忘掉有多难
    2021-01-25 07:47

    var demoApp = angular.module('myApp', []);
    demoApp.controller('QaController', function($scope, $http) {
        $scope.loopData = [];
    
       $scope.loopData = [{ 
            model: null,
            question : "",
            availableOptions: [
                {id: '1', name: 'What is your childhood name?',disable : false},
                {id: '2', name: "What is your first school?",disable : false},
                {id: '3', name: "What is your first job place?",disable : false},
                {id: '4', name: "What is your pet name?",disable : false}
            ]
        },{ 
            model: null,
            question : "",
            availableOptions: [
                {id: '1', name: 'What is your childhood name?',disable : false},
                {id: '2', name: "What is your first school?",disable : false},
                {id: '3', name: "What is your first job place?",disable : false},
                {id: '4', name: "What is your pet name?",disable : false}
            ]
        }]
     
        $scope.changItem = function(index,_id){ 
          $scope.loopData = $scope.loopData.map(function(obj,i){
          debugger
            if(i > index){
              obj.availableOptions.map(function(item){
                if(item.id == _id ){
                  item.disable = true
                }else{
                  item.disable = false
                }
                return item
              })
            }else{ debugger
              obj.availableOptions.map(function(item){
              debugger
                if(item.id == _id ){
                  item.disable = true
                }else{
                  item.disable = false
                }
                return item
              }) 
            }
            return obj
          });
        }
        $scope.submit = function() {
            $scope.result = $scope.loopData;
        };
    
    });
    
    
    
    
            
    Q. {{$index + 1}}
    {{x.modelVal}}
    {{result | json}}

提交回复
热议问题