如何在角度js中操纵dom

时间:2014-08-21 13:11:08

标签: angularjs

我有以下jquery代码,如何以角度方式编写它。我想更改carradvSearch的名称。

$('.CarrAdvSearch').click(function () {
        if($(this).hasClass("CarrAdvSearch")){
             $('#advSrchPannel').show()
            $('#CarrAdvSearch').text("Basic Search")                
            $('.CarrAdvSearch').addClass("carrBscSearch")
            $('.CarrAdvSearch').removeClass("CarrAdvSearch");
    }else{
          $('#CarrAdvSearch').text("Advance Search")
            $('.carrBscSearch').addClass("CarrAdvSearch");
            $('.carrBscSearch').removeClass("carrBscSearch");               
            $('#advSrchPannel').hide()
    }  

})

1 个答案:

答案 0 :(得分:1)

看来你需要先做一些学习。您需要的大部分内容都在官方教程中介绍:https://docs.angularjs.org/tutorial

简而言之:您需要使用角度指令:

ng-click为dom元素分配点击处理程序;

ng-class根据某些条件添加/删除css类;

ng-show / ng-hide显示/隐藏dom元素。