在 angularjs 网格列中显示布尔值

Question

我正在开发一个网络应用程序，我需要显示是否正在备份某些内容，并且想通过在列中显示一个布尔值来开始。

现在，这是我拥有的一些：

JS:

$scope.backupStatus = false;

$scope.enableBackup = function() {
   $scope.selectedProject.backupStatus = true;
};

$scope.disableBackup = function() {
   $scope.selectedProject.backupStatus = false;
};

HTML:

<div class="ui-grid-cell-contents">

   <div layout="row" layout-align="start center">
     <span>{{selectedProject.backupStatus}}</span>
   </div>

</div>

很明显，我现在所拥有的不起作用，并且列中没有显示任何内容。我只是想知道我需要遵循什么约定才能将其显示在列中。

澄清一下：当在我的网格的不同部分单击按钮时，将调用 enableBackup 和 DisableBackup 函数

Answer 1

你必须初始化$scope.selectedProject

$scope.selectedProject = {};
$scope.selectedProject.backupStatus = false;

$scope.enableBackup = function() {
   $scope.selectedProject.backupStatus = true;
};

$scope.disableBackup = function() {
   $scope.selectedProject.backupStatus = false;
};

Answer 2

我相信混淆是不是立即清楚您正在使用 ui-grid。我建议清除它/添加 'angular-ui-grid' 标签。

这应该有效：

<div class="ui-grid-cell-contents">

   <div layout="row" layout-align="start center">
     <span>{{ grid.appScope.selectedProject.backupStatus }}</span>
   </div>

</div>

在 angularjs 网格列中显示布尔值

Displaying a boolean value in an angularjs grid column

html

javascript

angularjs

angular-ui-grid