如何使用angularjs从控制器js文件中隐藏html中的div?

时间:2015-08-18 12:12:09

标签: javascript angularjs

我需要隐藏并使用angularjs

在控制器js文件中显示html中的div元素
$scope.gridOptions1 = {
    enableSorting: true,
    columnDefs: [
    { 
        field: 'name', enableSorting: true, width: "10%", textAlign: "middle", cellTemplate: '<div class="ngCellText" ng-class="col.colIndex()"><a ng-click=\"showme=true\">{{row.entity.name}}</a></div>'
    }
]};

例如我已经为视图指定了点击的名称。从此我想在html页面中显示另一个div。

简单来说,从angularjs文件中单击datagrid中的行值时,应该隐藏该表,另一个div应该能够显示。

任何人都可以帮忙解决这个问题吗?

2 个答案:

答案 0 :(得分:0)

您可以使用ng-showng-hide

答案 1 :(得分:0)

有几种方法可以采用角度方式:

  1. 使用ng-show/ ng-hide(元素仍在DOM中,但有display: none;

  2. 使用ng-if(元素将从DOM中删除/添加到DOM中)