Articles of angularjs ng click

Prioriser ngclick sur nghref dans <a> éléments

Tl; dr : Comment puis-je forcer angular à exécuter uniquement la directive ngclick dans un élément <a> sans vidage / suppression de href ? Mon site comporte des comportements personnalisés sur certains éléments (modes ouverts, mises à jour de la barre d'emplacement, etc.), mais pour l'indexation SEO, j'ai aussi besoin d'un élément <a> avec un […]

Comment ajouter et supprimer une classe avec AngularJS?

J'ai quelques boutons qui fonctionnent comme des commutateurs. Si vous cliquez sur un, il devient actif et "ferme" les autres boutons. Je l'ai fait en utilisant jQuery mais j'aimerais utiliser AngularJS. Voici mon code: HTML <div class="button-bar"> <a class="button button-energized" id="weak">weak</a> <a class="button button-energized" id="normal">normal</a> <a class="button button-energized" id="strong">strong</a> </div> JavaScript .controller('AppCtrl', function($scope, $stateParams) { […]

Angularjs – fonction ng-click vs directive

Je ne peux pas décider quelle méthode utiliser dans le cas suivant. J'essaie d'alerter en cliquant sur les boutons. Je peux le faire en utilisant 2 méthodes. Quelle est la meilleure pratique et dites-moi pourquoi? Méthode 1 <div ng-app="app"> <button alert>directive</button> </div> var app = angular.module('app', ['ngRoute']); app .directive('alert', function(){ return { link: function(scope, element, […]

AngularJS – Ouvrir le lien dans un nouvel onglet lors du routage conditionnel via le contrôleur

Dans mon application, j'ai deux types de profil pour les organisations. Lorsqu'un utilisateur clique sur un nom de profil, je dois d'abord vérifier si j'ai un profil premium pour cette organisation et, si tel est le cas, acheminer l'utilisateur dans cette direction. S'il n'y a pas de profil premium, l'utilisateur est envoyé au profil standard. […]

Ng-click ne fonctionne pas avec ng-if

Pourquoi le second bouton ne fonctionne pas, lorsque ng-if est utilisé? Je veux réaliser un bouton qui n'est présent que lorsque la valeur du modèle est définie / pas "" / pas nulle. Modèle: <input type="text" ng-model="blub"/> <br/> <button ng-click="blub = 'xxxx'">X</button> <br/> <button ng-click="blub = 'yyyy'" ng-if="blub.length">Y</button> Manette: angular.module('test', []) .controller('Main', function ($scope) { […]

Comment ouvrir un mode ionique en cliquant?

Je suis nouveau chez Ionic et AugularJS et j'ai un problème d'ouvrir une boîte modale en cliquant sur une case à cocher / bouton radio sur la troisième option pour la recherche de hashtag dans la page de paramètres. J'ai inclus un ng-controller et ng-click pour prendre des mesures. J'ai regardé dans le débogueur et […]

Bouton de cellule dans les données à l'aide d'AngularJS

Je construis un site Web en utilisant angularjs et je reçois des données d'un service Web. J'ai besoin de remplir ces données dans un fichier de données et de créer un bouton d'édition pour chaque ligne. Après une enquête, je suis venu avec Le problème est que le ng-click ne fonctionne pas probablement parce que […]

Comment utiliser ng-click avec plusieurs expressions?

Je veux utiliser ng-click pour effectuer plusieurs expressions. Je souhaite à la fois définir une valeur sur un modèle et appeler une méthode à partir de la $scope , comme ceci: <a ng-click="navigation.book = book && bookSvc.showBook(book)" href="#{{book.id}}">{{book.title}}</a> Où j'ai && séparer les deux expressions différentes que je veux effectuer. Je sais que je pourrais […]

AngularJS: ng-click ne fonctionne pas

Je suis nouveau dans AngularJs, ng-click ne fonctionne pas comme prévu. J'ai cherché sur Internet, Suivez le didacticiel, (ce qui fonctionnait) – mais cela ne fonctionne pas !!! Mon code: <div class="row" ng:repeat="follower in myform.all_followers | partition:2"> <ons-col class="views-row" size="50" ng-repeat="data in follower" > <img ng-src="http://dealsscanner.com/obaidtnc/plugmug/uploads/{{data.token}}/thumbnail/{{data.Path}}" alt="{{data.fname}}" ng-click="showDetail2(data.token)"/> <h3 class="title" ng-click="showDetail2('ss')">{{data.fname}}</h3> </ons-col> </div> Voici mon […]

La méthode de la méthode $ appelée via ng-click: exécutée deux fois par IE

Dans mon contrôleur: $scope.homeAction = function() { console.log("HomeAction"); }; À mon avis: <button ng-click="homeAction()">call homeAction()</button> Lorsque vous cliquez sur le bouton, la méthode est exécutée comme prévu par Chrome et Firefox, mais IE l'exécute deux fois. Une idée pourquoi? Voici un plongeur qui reproduit le problème: http://plnkr.co/edit/pedZKjIVGDAYfMl0ZphJ .