Notes d'étude de base AngularJS Controller_AngularJS
Le contrôleur AngularJS est utilisé pour contrôler les données des applications AngularJS.
Les contrôleurs AngularJS sont des objets JavaScript ordinaires.
Contrôleur AngularJS
Les applications AngularJS sont contrôlées via des contrôleurs.
La directive ng-controller définit un contrôleur d'application.
Un contrôleur est un objet JavaScript qui peut être créé via des constructeurs d'objets JavaScript standard.
<div ng-app="myApp" ng-controller="myCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
});
</script>
Explication du code :
L'application AngularJS est définie par ng-app="myApp". La portée effective de l'application se situe dans le
ng-controller="myCtrl" l'attribut est une directive AngularJS, qui définit un contrôleur.
La fonction myCtrl est une fonction JavaScript ordinaire.
AngularJS utilise l'objet $scope pour appeler les contrôleurs.
Dans AngularJS, $scope est un objet d'application (c'est-à-dire le propriétaire des variables et des fonctions d'application).
Le contrôleur contient deux propriétés (ou variables) : firstName et lastName. Ils sont attachés à l’objet $scope.
La directive ng-model lie la valeur de la balise d'entrée aux propriétés du contrôleur (firstName et lastName).
Méthodes du contrôleur
L'exemple ci-dessus montre que l'objet contrôleur contient deux propriétés : lastName et firstName.
Les contrôleurs peuvent également contenir des méthodes (attribuer des fonctions à des variables) :
<div ng-app="myApp" ng-controller="personCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{fullName()}}
</div>
<script>
var app = angular.module('myApp', []);
app.controller('personCtrl', function($scope) {
$scope.firstName = "John";
$scope.lastName = "Doe";
$scope.fullName = function() {
return $scope.firstName + " " + $scope.lastName;
}
});
</script>
Mettre le contrôleur dans un fichier externe
Dans les applications volumineuses, le code du contrôleur est souvent écrit dans des fichiers externes.
Copiez le code dans la balise
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
AI Hentai Generator
Générez AI Hentai gratuitement.
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)
Sujets chauds
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
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 ».
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
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 des contrôleurs pour gérer les requêtes Ajax dans le framework Yii
Jul 28, 2023 pm 07:37 PM
Dans le framework Yii, les contrôleurs jouent un rôle important dans le traitement des requêtes. En plus de gérer les requêtes de pages régulières, les contrôleurs peuvent également être utilisés pour gérer les requêtes Ajax. Cet article expliquera comment gérer les requêtes Ajax dans le framework Yii et fournira des exemples de code. Dans le framework Yii, le traitement des requêtes Ajax peut s'effectuer à travers les étapes suivantes : La première étape consiste à créer une classe contrôleur (Controller). Vous pouvez hériter de la classe de contrôleur de base yiiwebCo fournie par le framework Yii
