source

각각 angularjs로 된 jquery의 대체 방법은 무엇입니까?

lovecheck 2023. 3. 23. 22:51
반응형

각각 angularjs로 된 jquery의 대체 방법은 무엇입니까?

앱에서 jquery를 삭제하고 싶다.하지만 나는 각 $를 angularjs로 대체하고 싶다.돔 요소를 어떻게 루프할 수 있습니까?여기에 코드를 추가했습니다.jquery에서 angularjs로 변환하고 싶다.

app.directive('activeu', function($location) {
        return function ($scope, element, attrs) {
            var menuMain = $scope.$parent.menuMain;
            var fullpath = $location.path().split('/');
            var current = fullpath[2];

            setTimeout(function() {
                $(".nav li a").each(function() {
                    if ($(this).attr('href') ==  '#!/page/' + current) {
                        $(this).parent().addClass('active');
                        $(this).closest('li.root-li').addClass('active');

                        if ($(this).closest('li.parent').length > 0) {
                            $(this).closest('li.parent').addClass('active');
                        }
                    }
                });

                $(".nav li a").on('click', function() {
                    current = $(this).attr('href');
                    $("#pages-menu .navigation li").each(function() {
                        if ($(this).hasClass('active')) {
                            $(this).removeClass('active');
                        }
                    });

                    $(".nav li a").each(function() {
                        if ($(this).attr('href') ==  current) {
                            $(this).parent().addClass('active');
                            $(this).closest('li.root-li').addClass('active');

                            if ($(this).closest('li.parent').length > 0) {
                                $(this).closest('li.parent').addClass('active');
                            }
                        }
                    });
                });
            }, 500);
        };
    });
angular.forEach(angular.element("li a"), function(value, key){
     var a = angular.element(value);
     a.addClass('ss');
});

오브젝트로 변환한 후 사용할 수 있습니다.

loop 문의 angular.forEach()를 사용할 수 있습니다.

var values = {name: 'misko', gender: 'male'};
angular.forEach(values, function(value, key){
  console.log(key + ': ' + value);
});

언급URL : https://stackoverflow.com/questions/17540745/what-is-the-alternative-for-jquery-each-in-angularjs

반응형