Запитання з тегом «angularjs-ng-click»

5
AngularJS ng-click stopPropagation
У мене в рядку таблиці є подія "Клацання", і в цьому рядку також є кнопка "Видалити" з подією "Клацання". Коли я натискаю кнопку видалення, також знімається подія в рядку. Ось мій код. <tbody> <tr ng-repeat="user in users" class="repeat-animation" ng-click="showUser(user, $index)"> <td>{{user.firstname}}</td> <td>{{user.lastname}}</td> <td>{{user.email}}</td> <td><button class="btn red btn-sm" ng-click="deleteUser(user.id, $index)">Delete</button></td> </tr> …

7
Додавання параметра до функції ng-click всередині ng-повтору, здається, не працює
У мене простий цикл з ng-repeatтаким: <li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button> </li> У контролері є функція $scope.removeTask(taskID). Наскільки я знаю, Angular спочатку візуалізує подання та замінить інтерпольоване {{task.id}}числом, а потім, події клацання, оцінить ng-clickрядок. У цьому випадку ng-clickвиходить повністю те, що очікується, тобто: ng-click="removeTask(5)".Однак ... це нічого …

8
Як / коли використовувати ng-клік для виклику маршруту?
Припустимо, ви використовуєте маршрути: // bootstrap myApp.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) { $routeProvider.when('/home', { templateUrl: 'partials/home.html', controller: 'HomeCtrl' }); $routeProvider.when('/about', { templateUrl: 'partials/about.html', controller: 'AboutCtrl' }); ... І у вашому html ви хочете перейти на сторінку про інформацію, коли натиснути кнопку. Один із способів був би <a href="#/about"> ... але, …


10
додавання та видалення класів у angularJs за допомогою ng-click
Я намагаюся працювати, як додати клас за допомогою ngClick. Я завантажив свій код на планкер. Натисніть тут . Дивлячись на кутову документацію, я не можу зрозуміти, як саме це слід зробити. Нижче - фрагмент мого коду. Хтось може направити мене у правильному напрямку <div ng-show="isVisible" ng-class="{'selected': $index==selectedIndex}" class="block"></div> Контролер var …
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.