2015-09-05 129 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 –