ng-click не работает в Angular JS

Question

ng-click не работает в Angular JS

0

когда мы нажимаем любой элемент списка, мне нужно изменить значение области действия, а также вызвать функцию onclick.

Но в этом коде ng-click не работает, когда мы добавили для метки для элемента списка.

Код ниже,

<ul class="" id="filter" path="filter">
<li value="popular" id="popular" data-faculty="Popular" class="item" onclick="SortByFilter(this, 'smartphone');" ng-click="Mobilebidirectionalsort = !Mobilebidirectionalsort"><label for="Popular">Popular</label><span class="btnSort"><input type="radio" id="Popular" name="filterOptions" class="btnRadio"></span></li>

<li value="newest" id="newest" data-faculty="High Rating" class="item" onclick="SortByFilter(this, 'smartphone');" ng-click="Mobilebidirectionalsort = !Mobilebidirectionalsort"><label for="High Rating">High Rating</label><span class="btnSort"><input type="radio" id="High Rating" name="filterOptions" class="btnRadio"></span></li>

</ul>

CodeMan 27 июль 2016, в 06:54

Источник

2

Почему онклик в вашем коде? Вы должны только ng-click в угловом приложении.
vanhonit 27 июль 2016, в 04:55
0

Попробуйте использовать тег привязки к вашему списку
Mohan Gopi 27 июль 2016, в 04:56
0

onclick и ng-click работают нормально, без добавления метки в теге списка. Любая другая конкретная причина?
CodeMan 27 июль 2016, в 04:58
0

в этом коде нет ничего плохого; Ваша проблема должна быть вызвана кодом, который вы не указали здесь. пожалуйста, обновите вопрос с минимальным воспроизводимым примером вашей проблемы.
Claies 27 июль 2016, в 05:14

Показать ещё 2 комментария

Теги:

angularjs

1 ответ

Ещё вопросы

Почему онклик в вашем коде? Вы должны только ng-click в угловом приложении.
Попробуйте использовать тег привязки к вашему списку
onclick и ng-click работают нормально, без добавления метки в теге списка. Любая другая конкретная причина?
в этом коде нет ничего плохого; Ваша проблема должна быть вызвана кодом, который вы не указали здесь. пожалуйста, обновите вопрос с минимальным воспроизводимым примером вашей проблемы.

Raman Sahasi · Answer 1 · 2016-07-27T03-43-00.000Z

Он должен работать нормально. Я создал зеркало ситуации, описанной выше, и вы можете ясно видеть, как ng-click изменяет значение Mobilebidirectionalsort

<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <link rel="stylesheet" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
</head>

<body ng-controller="myCtrl">
    <div class="col-sm-7 nopadding doc-att">
        Mobilebidirectionalsort value : {{Mobilebidirectionalsort}}
        <ul class="" id="filter" path="filter">
            <li value="popular" id="popular" data-faculty="Popular" class="item" onclick="SortByFilter(this, 'smartphone');" ng-click="Mobilebidirectionalsort = !Mobilebidirectionalsort">
                <label for="Popular">Popular</label><span class="btnSort"><input type="radio" id="Popular" name="filterOptions" class="btnRadio"></span>
            </li>
            <li value="newest" id="newest" data-faculty="High Rating" class="item" onclick="SortByFilter(this, 'smartphone');" ng-click="Mobilebidirectionalsort = !Mobilebidirectionalsort">
                <label for="High Rating">High Rating</label><span class="btnSort"><input type="radio" id="High Rating" name="filterOptions" class="btnRadio"></span>
            </li>
        </ul>

        <script>
            var myApp = angular.module("myApp", []);

            myApp.controller("myCtrl", ['$scope', function($scope) {
                $scope.Mobilebidirectionalsort = true;

            }]);


            function SortByFilter(attr1, attr2) {
                console.log('SortByFilter called');
            }
        </script>
</body>

</html>

: Не работает тот же код, который я пробовал снаружи
@CodeMan Это точно такой же код, как и ваш. Я ничего не сдержал. Если есть какие-либо проблемы, то это будет в вашем контроллере. Вы должны опубликовать свой полный код.