Articles of angularjs

Diriger l’utilisateur vers un état enfant lorsqu’il passe à son état parent à l’aide de UI-Router

Considérer ce qui suit: .state(‘manager.staffList’, {url:’^/staff?alpha’, templateUrl: ‘views/staff.list.html’, data:{activeMenu: ‘staff’}, controller: ‘staffListCtrl’}) .state(‘manager.staffDetail’, {url:’^/staff/{id}’ , templateUrl: ‘views/staff.html’, data:{activeMenu: ‘staff’}, controller: ‘staffDetailsCtrl’}) .state(‘manager.staffDetail.view’, {url:’/view’, templateUrl: ‘views/staff.details.html’, data:{activeMenu: ‘staff’}}) .state(‘manager.staffDetail.view.schedule’, {url:’/schedule’, templateUrl:’views/staff.view.schedule.html’, data:{activeMenu: ‘staff’}}) .state(‘manager.staffDetail.view.history’, {url:’/history’ , templateUrl:’views/staff.view.history.html’, data:{activeMenu: ‘staff’}}) .state(‘manager.staffDetail.view.log’, {url:’/log’, templateUrl:’views/staff.view.log.html’, data:{activeMenu: ‘staff’}}) .state(‘manager.staffDetail.view.files’, {url:’/files’, templateUrl:’views/staff.view.files.html’, data:{activeMenu: ‘staff’}}) .state(‘manager.staffDetail.edit’, {url:’/edit’, templateUrl: ‘views/staff.edit.html’, data:{activeMenu: ‘staff’}}) Si […]

Rediriger vers une nouvelle page dans AngularJS en utilisant $ location

Je teste avec l’emplacement AngularJS $ suivant. Je ne sais pas quel est le problème avec ça. Je veux juste vérifier si la redirection fonctionne ou non: HTML Hello {{name}}! Go Code AngularJS var app = angular.module(‘location’, []); app.controller(‘MainCtrl’, function($scope,$routeParams, $location) { $scope.name = ‘World’; $scope.go = function() { $location.absUrl() = ‘http://www.google.com’; } });

Ng-clic angular avec appel à une fonction de contrôleur ne fonctionne pas

Appel de la fenêtre modale dans l’interface utilisateur Bootstrap d’AngularJS avec JavaScript

En utilisant l’exemple mentionné ici , comment puis-je appeler la fenêtre modale en utilisant JavaScript au lieu de cliquer sur un bouton? Je suis nouveau sur AngularJS et j’ai essayé de chercher la documentation ici et ici sans chance. Merci

ReactJS avec Django – utilisation réelle

J’étais un peu en train de jouer avec React et je l’aime bien. C’est beaucoup plus prolixe qu’Angular (ng-repeat avec | filter est inestimable) mais ok. Ce qui m’embête, c’est de savoir comment utiliser React avec les modèles Django. Devrais-je mettre tous les javascript dans les modèles avec le balisage “HTML”. La mise en œuvre […]

Déconnexion automatique avec Angularjs en fonction de l’utilisateur inactif

Est-il possible de déterminer si un utilisateur est inactif et de les déconnecter automatiquement après 10 minutes d’inactivité en utilisant angularjs? J’essayais d’éviter d’utiliser jQuery, mais je ne trouve aucun tutoriel ou article sur la façon de le faire dans angularjs. Toute aide serait appréciée.

Comment définir un délai d’expiration http global dans AngularJs

Je sais que je peux définir un délai d’attente chaque fois: $http.get(‘path/to/service’, {timeout: 5000}); … mais je veux définir un délai d’expiration global pour conserver mon code DRY.

Définir dynamicment la valeur de ui-sref Angularjs

J’ai cherché une question similaire mais celles qui ont été soulevées semblent légèrement différentes. J’essaie de changer le ui-sref = ” d’un lien dynamicment (ce lien pointe vers la section suivante du formulaire de l’assistant et la section suivante dépend de la sélection effectuée dans la liste déroulante). J’essaie simplement de définir l’atsortingbut ui-sref en […]

Comprendre les parameters du contrôleur Angular.js

Je commence juste à apprendre Angular.js et j’ai regardé project.js dans l’exemple “Wire up a Backend” sur la page d’accueil Angular . Je suis confus quant aux parameters dans les fonctions du contrôleur: function ListCtrl($scope, Projects) { … } function CreateCtrl($scope, $location, $timeout, Projects) { … } function EditCtrl($scope, $location, $routeParams, angularFire, fbURL) { angularFire(fbURL […]

Réconcilier le style de validation de forme Angular.js et Bootstrap

J’utilise Angular avec Bootstrap. Voici le code de référence: Add Bootstrap a des styles pour les champs invalides sous la forme d’ input:invalid {…. } ; ceux-ci interviennent lorsque le champ est vide. Maintenant, j’ai aussi une correspondance de motif via Angular. Cela crée des cas particuliers lorsque “: invalide” est désactivé, mais que “.ng-invalide” […]