Question

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

现在，这是我的一些内容：

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。我建议清除/添加＆＃39; angular-ui-grid＆＃39;标签

这应该有效：

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

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

</div>

在angularjs网格列中显示布尔值

2 个答案: