2015-09-05 125 views
0

所以我有这样的HTML在我的代码查找元素与类名angularjs并添加类元素

<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-标题“并将类”隐藏“添加到此元素。

我已经尝试了很多选择,但它不起作用。

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

回答

0

可以使用NG隐藏

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

如果你的条件评估为真,跨度将会被隐藏。例如,您可以根据某些条件在您的控制器中设置变量(比如myValue),并在您的范围内使用它。

例如:

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

的ngHide指令显示或隐藏基于提供给所述ngHide属性表达给定的HTML元素。通过移除或添加ng-hide CSS类到元素来显示或隐藏该元素。

了解更多:https://docs.angularjs.org/api/ng/directive/ngHide

+0

似乎有效,但只有在 '隐藏' 类@Kingsley加集显无法比拟的。否则'ng-hide'在这种情况下将不会有用 –

1

尝试使用jQuery:

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

+2

'angular.element(document.getElementsByClassName(“previous-title”))。addClass('hide')'如果你想要没有jQuery –