Question

所以我的代码中有这个HTML

<button ng-click="goBackDashboard()" class="button back-button buttons  button-clear header-item"><i class="icon ion-ios-arrow-back"></i> 
  <span class="back-text" style="transform: translate3d(0px, 0px, 0px);">
    <span class="default-title hide">Back</span>
    <span class="previous-title">Dashboard</span>
  </span>
</button>

在我的角度js控制器中，我希望能够找到类名为“previous-title”的元素，并将“hide”类添加到此元素中。

我尝试了很多选项，但它不起作用。

var result = document;
console.log(result.getElementsByClassName('previous-title'))

Answer 1

尝试使用jquery：

$('.previous-title').addClass('hide');

Answer 2

您可以查看ngif https://docs.angularjs.org/api/ng/directive/ngIf的文档，并在

中使用它

DocumentDirectory

元素

Answer 3

您可以使用 ng-hide

    <span ng-hide="your_condition" class="previous-title">Dashboard</span>

如果您的条件评估为true，则隐藏范围。例如，您可以根据某些条件在控制器中设置变量（比如myValue）并在您的范围内使用它。

例如：

    <span ng-hide="myValue" class="previous-title">Dashboard</span>

ngHide指令根据提供给ngHide属性的表达式显示或隐藏给定的HTML元素。通过删除或添加ng-hide CSS类来显示或隐藏元素。

了解详情：https://docs.angularjs.org/api/ng/directive/ngHide

查找具有类名angularjs的元素并将类添加到元素

3 个答案: