作出檢查輸入複選框條件下

我想設置列表中的一些項目檢查，但在某些條件下。作出檢查輸入複選框條件下

<div data-ng-repeat="item in items> 
    <input type="checkbox" checked==item.selected> {{item.name}} 
</div>

讓我們想象一下，我有些fileld命名其中的每個單獨的項目已確定選定的屬性項的數組。取決於它的輸入值複選框應該被選中還是不選。

來源

2015-09-07 ruud

不應該是被'檢查= {{ item.selected}}'？ –

http://stackoverflow.com/questions/15696416/what-is-the-best-way-to-conditionally-apply-attributes-in-angular – epascarello

我收到一個錯誤：無法解析標籤 - '{{condition。 }'' – ruud

試試下面的代碼：

<div data-ng-repeat="item in items> 
    <input type="checkbox" ng-model="item.selected"> {{item.name}} 
</div>

希望這有助於。

來源

2015-09-07 13:54:37

這是有效的，只有改變是ng-model =「{{item.selected}}」 – ruud

試試這個：

你可以把你的ng-init條件邏輯下面的例子中提到：

angular.module('myApp', []) 
 
    .controller('myController', function($scope) { 
 
    $scope.items = [{ 
 
     name: 'A' 
 
    }, { 
 
     name: 'B' 
 
    }, { 
 
     name: 'C' 
 
    }]; 
 
    $scope.youCondition = function(item) { 
 
     //Your logic 
 
     if (item.name === 'A' || item.name === 'C') { 
 
     item.selected = false; 
 
     } 
 
     else 
 
     { 
 
     item.selected = true; 
 
     } 
 
    } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<!DOCTYPE html> 
 
<html lang="en" ng-app="myApp"> 
 

 
<head> 
 
    <meta charset="UTF-8"> 
 
    <title></title> 
 
</head> 
 

 
<body ng-controller="myController"> 
 
    <div data-ng-repeat="item in items"> 
 
    <input type="checkbox" ng-init="youCondition(item)" ng-model="item.selected">{{item.name}} 
 
    </div> 
 
</body> 
 

 
</html>

來源

2015-09-07 14:00:36 Rayon

作出檢查輸入複選框條件下

回答

相關問題