代码之家 › 专栏 › 技术社区 › Dakota Maker

在angularjs网格列中显示布尔值

angular-ui-grid angularjs html javascript

Dakota Maker · 技术社区 · 7 年前

现在,这是我所拥有的:

$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>

显然,我现在所拥有的一切都不起作用,专栏中也没有显示任何内容。我只是想知道我需要遵循什么惯例才能在专栏中显示出来。

澄清

2 回复 | 直到 7 年前

Brian 7 年前

我认为困惑在于,现在还不清楚您是否正在使用ui网格。我建议清除/添加“angular ui grid”标记。

这应该有效:

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

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

</div>

Gaurav Srivastava 7 年前

你必须初始化 $scope.selectedProject

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

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

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

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

2 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

2 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

2 年前

jieunbi · 按日期排序数组(最新优先)

2 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

2 年前

Stradosphere · 如何防止ng bind html添加结束标记?

6 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

6 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

6 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

6 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

6 年前