有沒有更復雜的方法將複選框變成單選按鈕？

試圖將我的複選框變成單選按鈕。這工作得很好有沒有更復雜的方法將複選框變成單選按鈕？

ng-change="second=false;third = false;fourth = false;"

這裏的plunker

http://plnkr.co/edit/yTJUZcFoLsSEBjruRuEY?p=preview

有沒有一種方法，使陣列中的虛假除非NG-模型中的每個元素？

例

ng-model=myArray[3]

所以myArray[0], myArray[1], myArray[... n]均由假除非myArray[3]，這是真實的。

來源

2017-05-31 Tyler L

這應該是很優雅：PLNKR

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 
    $scope.radio = new Array(4).fill(false) 
    $scope.changed = function(el){ 
    $scope.radio = $scope.radio.map((v,i)=>i==el) 
    } 
});

和HTML：

<div>{{radio[0]}}|{{radio[1]}}|{{radio[2]}}|{{radio[3]}} 
    <br/> 
    <input ng-repeat="r in radio track by $index" type="checkbox" ng-model="radio[$index]" ng-change="changed($index)" />

來源

2017-05-31 08:02:05

嘗試'新的陣列（長度）.fill僞（假）' – Rajesh

謝謝，忘了這一個:) –

你剛纔吹我的腦海裏笑。你還教我填充（錯誤）你的答案！謝謝...現在測試出來 –

嗯，我想創造變化按您的要求。看看這是否適合你。

var app = angular.module('plunker', []); 

app.controller('MainCtrl', function($scope) { 

    $scope.checkbox = [false,false,false,false]; 

    $scope.changeStatus = function(index){ 
    //fill in not supported in IE and opera 
    $scope.checkbox.fill(false); 
    //Uncomment and Use this in IE and Opera in case fill throw error 
    //for(let i = 0 ; i < $scope.checkbox.length; ++i){ 
    // $scope.checkbox[i] = false; 
    //} 

    if($scope.checkbox[index]) 
     $scope.checkbox[index] = false; 
    else 
     $scope.checkbox[index] = true; 

    console.log($scope.checkbox); 
    } 
});

而且你的HTML代碼將是

<body ng-controller="MainCtrl"> 
    <div> 
    <br/> 
    <input type="checkbox" ng-model="checkbox[0]" ng-click='changeStatus(0)' /> 
    <input type="checkbox" ng-model="checkbox[1]" ng-click='changeStatus(1)'/> 
    <input type="checkbox" ng-model="checkbox[2]" ng-click='changeStatus(2)' /> 
    <input type="checkbox" ng-model="checkbox[3]" ng-click='changeStatus(3)' /> 
    </div> 
</body>

來源

2017-05-31 08:02:16

有沒有更復雜的方法將複選框變成單選按鈕？

回答

相關問題