interface Web
js tutoriel
Une brève introduction à l'utilisation des contrôleurs AngularJS_AngularJS
Une brève introduction à l'utilisation des contrôleurs AngularJS_AngularJS
Les applications AngularJS s'appuient principalement sur des contrôleurs pour contrôler le flux de données au sein de l'application. Les contrôleurs sont définis à l'aide de la directive ng-controller. Un contrôleur est une fonction qui contient des propriétés/propriétés et des objets JavaScript. Chaque contrôleur accepte le paramètre $scope pour spécifier l'application/le module contrôlé par le contrôleur.
<div ng-app="" ng-controller="studentController"> ... </div>
Ici, nous avons déclaré le contrôleur studentController à l'aide de la directive ng-controller. Comme prochaine étape, nous définirons studentController comme suit
- studentController définit $scope comme paramètre d'objet JavaScript.
- $scope représente l'application, en utilisant l'objet studentController.
- $scope.student est une propriété de l'objet studentController.
- FirstName et lastName sont deux propriétés de l'objet $scope.student. Nous leur avons transmis des valeurs par défaut.
- fullName est une fonction de l'objet $scope.student, sa tâche est de renvoyer le nom fusionné.
- Dans la fonction fullName, nous voulons maintenant que l'objet étudiant renvoie le nom combiné.
- Pour note, vous pouvez également définir l'objet contrôleur dans un fichier JS séparé et placer le fichier correspondant dans la page HTML.
<script>
function studentController($scope) {
$scope.student = {
firstName: "yiibai",
lastName: "com",
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
}
</script>
Vous pouvez maintenant utiliser l'attribut studentController en utilisant ng-model ou en utilisant les expressions comme suit.
- Il y a maintenant deux zones de saisie : student.firstName et student.lastname.
- La méthode student.fullName() est désormais ajoutée au HTML.
- Désormais, tant que vous saisissez ce que vous saisissez dans les zones de saisie du prénom et du nom, vous pouvez voir les deux noms se mettre à jour automatiquement.
Enter first name: <input type="text" ng-model="student.firstName"><br>
Enter last name: <input type="text" ng-model="student.lastName"><br>
<br>
You are entering: {{student.fullName()}}
Exemple
L'exemple suivant démontrera l'utilisation d'un contrôleur.
Le contenu du fichier testAngularJS.html est le suivant :
<html>
<head>
<title>Angular JS Controller</title>
</head>
<body>
<h2>AngularJS Sample Application</h2>
<div ng-app="" ng-controller="studentController">
Enter first name: <input type="text" ng-model="student.firstName"><br><br>
Enter last name: <input type="text" ng-model="student.lastName"><br>
<br>
You are entering: {{student.fullName()}}
</div>
<script>
function studentController($scope) {
$scope.student = {
firstName: "Mahesh",
lastName: "Parashar",
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
}
</script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>
</body>
</html>
Sortie
Ouvrez textAngularJS.html dans un navigateur Web et voyez les résultats suivants :
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Comment calibrer correctement votre manette Xbox One sous Windows 11
Sep 21, 2023 pm 09:09 PM
Depuis que Windows est devenu la plate-forme de jeu de choix, il est encore plus important d'identifier ses fonctionnalités orientées jeux. L'un d'eux est la possibilité de calibrer une manette Xbox One sur Windows 11. Grâce à l'étalonnage manuel intégré, vous pouvez vous débarrasser des problèmes de dérive, de mouvement aléatoire ou de performances et aligner efficacement les axes X, Y et Z. Si les options disponibles ne fonctionnent pas, vous pouvez toujours utiliser un outil tiers d'étalonnage du contrôleur Xbox One. Découvrons-le ! Comment calibrer ma manette Xbox sous Windows 11 ? Avant de continuer, assurez-vous de connecter votre manette à votre ordinateur et de mettre à jour les pilotes de votre manette Xbox One. Pendant que vous y êtes, installez également toutes les mises à jour de micrologiciel disponibles. 1. Utilisez le vent
Comment utiliser le framework CodeIgniter4 en php ?
May 31, 2023 pm 02:51 PM
PHP est un langage de programmation très populaire et CodeIgniter4 est un framework PHP couramment utilisé. Lors du développement d'applications Web, l'utilisation de frameworks est très utile. Elle peut accélérer le processus de développement, améliorer la qualité du code et réduire les coûts de maintenance. Cet article expliquera comment utiliser le framework CodeIgniter4. Installation du framework CodeIgniter4 Le framework CodeIgniter4 peut être téléchargé depuis le site officiel (https://codeigniter.com/). Vers le bas
Apprendre Laravel à partir de zéro : explication détaillée de l'invocation de la méthode du contrôleur
Mar 10, 2024 pm 05:03 PM
Apprendre Laravel à partir de zéro : explication détaillée de l'invocation de la méthode du contrôleur Dans le développement de Laravel, le contrôleur est un concept très important. Le contrôleur sert de pont entre le modèle et la vue, responsable du traitement des demandes des itinéraires et du renvoi des données correspondantes à la vue pour affichage. Les méthodes des contrôleurs peuvent être appelées par des routes. Cet article présentera en détail comment écrire et appeler des méthodes dans les contrôleurs et fournira des exemples de code spécifiques. Tout d’abord, nous devons créer un contrôleur. Vous pouvez utiliser l'outil de ligne de commande Artisan pour créer
Qu'est-ce que le contrôleur Laravel
Jan 14, 2023 am 11:16 AM
Dans Laravel, un contrôleur (Controller) est une classe utilisée pour implémenter certaines fonctions ; le contrôleur peut combiner la logique de traitement des requêtes associée dans une classe distincte. Certaines méthodes sont stockées dans le contrôleur pour implémenter certaines fonctions. Le contrôleur est appelé via le routage, et les fonctions de rappel ne sont plus utilisées ; le contrôleur est stocké dans le répertoire « app/Http/Controllers ».
Les 5 derniers tutoriels Angularjs en 2022, de l'entrée à la maîtrise
Jun 15, 2017 pm 05:50 PM
Javascript est un langage tout à fait unique. Il est unique en termes d'organisation du code, de paradigme de programmation du code et de théorie orientée objet. La question de savoir si Javascript est un langage orienté objet a été débattue depuis un certain temps. Il y a évidemment une réponse depuis longtemps. Cependant, même si Javascript est dominant depuis vingt ans, si vous souhaitez comprendre les frameworks populaires tels que jQuery, Angularjs et même React, il suffit de regarder le « Black Horse Cloud Classroom JavaScript Advanced Framework ». Tutoriel vidéo de conception".
Guide d'étude Laravel : meilleures pratiques pour les appels de méthode de contrôleur
Mar 11, 2024 am 08:27 AM
Dans le guide d'apprentissage Laravel, l'appel des méthodes du contrôleur est un sujet très important. Les contrôleurs servent de pont entre le routage et les modèles et jouent un rôle essentiel dans l'application. Cet article présentera les meilleures pratiques en matière d’appel de méthode de contrôleur et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre. Commençons par comprendre la structure de base des méthodes de contrôleur. Dans Laravel, les classes de contrôleurs sont généralement stockées dans le répertoire app/Http/Controllers. Chaque classe de contrôleur en contient plusieurs.
Utilisez PHP et AngularJS pour créer un site Web réactif afin d'offrir une expérience utilisateur de haute qualité
Jun 27, 2023 pm 07:37 PM
À l’ère de l’information d’aujourd’hui, les sites Web sont devenus un outil important permettant aux individus d’obtenir des informations et de communiquer. Un site Web réactif peut s’adapter à divers appareils et offrir aux utilisateurs une expérience de haute qualité, ce qui est devenu un point chaud dans le développement de sites Web modernes. Cet article expliquera comment utiliser PHP et AngularJS pour créer un site Web réactif afin d'offrir une expérience utilisateur de haute qualité. Introduction à PHP PHP est un langage de programmation open source côté serveur idéal pour le développement Web. PHP présente de nombreux avantages, tels que la facilité d'apprentissage, la multiplateforme, la riche bibliothèque d'outils et l'efficacité du développement.
Comment utiliser les paramètres du contrôleur dans le framework Symfony ?
Jun 04, 2023 pm 03:40 PM
Le framework Symfony est un framework PHP populaire conçu sur la base de l'architecture MVC (Model-View-Controller). Dans Symfony, les contrôleurs sont l'un des composants clés responsables du traitement des requêtes des applications Web. Les paramètres des contrôleurs sont très utiles lors du traitement des requêtes. Cet article explique comment utiliser les paramètres du contrôleur dans le framework Symfony. Connaissance de base des paramètres du contrôleur Les paramètres du contrôleur sont transmis au contrôleur via le routage. Le routage est un mappage des URI (Uniform Resource Identifiers) aux contrôleurs et
