Javascript 角度-如果选中复选框,则更改值

Javascript 角度-如果选中复选框,则更改值,javascript,angularjs,Javascript,Angularjs,控制器: promiseObj.physical = $http.get('search?sumBoth=1&customer=' + customer).success(function(data) { $scope.servers = data; // get data from json }); 查看: <tr ng-repeat="data in servers | filter: { _id: { idc: item._id.idc } }">

控制器:

promiseObj.physical = $http.get('search?sumBoth=1&customer=' + customer).success(function(data) {

$scope.servers = data; // get data from json

});
查看:

<tr ng-repeat="data in servers | filter: { _id: { idc: item._id.idc } }">
            <td>{{data._id.cluster}}</td>
            <td>{{data.Physical.SumCores}}</td>
            <td>{{data.Virtual.SumCores}}</td>
            <td>{{data.Physical.SumMemory}}</td>
</tr>

Oversubscription? <input type="checkbox" name="oversubscription" />

{{data.\u id.cluster}
{{data.Physical.SumCores}
{{data.Virtual.SumCores}
{{data.Physical.SumMemory}
超额认购?
我试图做的是将
{{data.Virtual.SumCores}}
更改为
{{data.Virtual.SumCores/4}}
,前提是超额订阅等于true

对于angular来说,这是一个全新的概念,我仍在学习:

我是在视图中还是在控制器中执行此操作


最好的方法是什么?

您可以在视图中执行此操作-只需确保为复选框指定一个
ngModel

Oversubscription? <input type="checkbox" ng-model="overSubscription" name="oversubscription" />

<td>{{overSubscription ? (data.Virtual.SumCores / 4) : data.Virtual.SumCores}}</td>
控制器:

$scope.calcCores = function(checked) {
    $scope.servers = $scope.servers.map(function(server) {
        server.Virtual.SumCores = checked ? (server.Virtual.SumCores / 4) : server.Virtual.SumCores
        return server;
    });
}

超额订阅是应用于整个repeat元素还是仅应用于特定元素?而不是更改数据绑定,我会将td绑定到一组新的变量上,这些变量会在复选框的ng更改时重新计算。@CMS--控制器方法可能更有效-视图方法将在每次执行
$digest
循环时得到处理(取决于您的应用程序-可能很多)。
$scope.calcCores = function(checked) {
    $scope.servers = $scope.servers.map(function(server) {
        server.Virtual.SumCores = checked ? (server.Virtual.SumCores / 4) : server.Virtual.SumCores
        return server;
    });
}