Résumé des connaissances de base d'Angularjs et exemples_AngularJS
angularjs est un framework de développement mvc front-end haut de gamme développé par Google.
Site officiel d'Angularjs : https://angularjs.org/ Le site officiel a une démo, l'accès peut nécessiter FQ
Communauté chinoise Angularjs : http://www.angularjs.cn/ Convient aux débutants
Fichier de référence : https://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js
Soyez prudent lorsque vous utilisez angulaire
Citer la bibliothèque angulaire js : https://github.com/litengdesign/angularjsTest/blob/master/angular-1.0.1.... Vous pouvez la télécharger depuis le github des exemples dans cette rubrique
Vous devez ajouter ng-app="appName" dans la zone que vous utilisez, ou directement ng-app (global).
Définissez le contrôleur ng-controller="Ctrl".
Veuillez noter les points suivants lors du test de l'exemple
Vous devez introduire le code angulairejs avant head. L'auteur utilise angulaire-1.0.1.min.js. Veuillez faire attention à la différence de version.
Tous les petits exemples sont exécutés dans les domaines suivants. N'oubliez pas d'ajouter ng-app dans la portée.
Ce qui suit utilise quelques petits cas pour illustrer les instructions communes par défaut et l'utilisation d'angularjs.
Programme Hello World (double liaison de données)
Utilisez ng-model={{name}} pour lier les données
bonjour :{{name || 'liteng'}}
http://2.liteng.sinaapp.com/angularjsTest/helloangularjs.html
Un petit cas d'utilisation de la liaison d'événements
Prix unitaire :
Quantité :
Prix total : {{(prix) * (quantité)}}
- Remarque :
http://2.liteng.sinaapp.com/angularjsTest/event-bind.html
ng-init : les valeurs d'attribut peuvent être spécifiées par défaut
{{value}}
http://2.liteng.sinaapp.com/angularjsTest/ng-init.html
ng-repeat : utilisé pour itérer des données similaires à i pour info en js
J'ai {{friends.length}} amis. Ce sont
[{{$index 1}}] : l'âge de {{friend.name}} est : {{friend.age}}
http://2.liteng.sinaapp.com/angularjsTest/ng-repeat.html
ng-click:événement de clic dom
<script> Fonction ctrl($scope){<br> $scope.a='bonjour';<br> $scope.showMsg=fonction(){<br> $scope.a='world';<br> ><br> ><br> </script>
http://2.liteng.sinaapp.com/angularjsTest/ng-click.html
ng-show : Définir l'affichage des éléments
Remarque : ng-show="!xx" : Ajoutez devant la valeur de l'attribut ! Indique une confirmation de l'affichage, s'il n'est pas ajouté ! En cas de doute, ne pas afficher
ng-show="!show"
ng-show="show"
http://2.liteng.sinaapp.com/angularjsTest/ng-show.html
ng-hide : définir l'élément à masquer
ng-hide="aaa"
ng-show="!aaa"
http://2.liteng.sinaapp.com/angularjsTest/ng-hide.html
Utilisez ng-show pour créer un effet bascule
http://2.liteng.sinaapp.com/angularjsTest/ng-toggle.html
ng-style : similaire au style par défaut
Veuillez faire attention au format d'écriture ici : la chaîne doit être placée entre guillemets
boîte
http://2.liteng.sinaapp.com/angularjsTest/ng-style.html
filtre : champ de filtre
http://2.liteng.sinaapp.com/angularjsTest/filter.html
ng-template : le modèle peut être chargé
tpl.html
bonjour
http://2.liteng.sinaapp.com/angularjsTest/show-tpl.html
$http : Une méthode de type ajax fonctionne bien
Méthode de requête HTTP 1
{{x.Name}} {{x.Country}}
Méthode 2
{{y.aid}} {{y.title}}
<script><br> //Méthode 1<br> var TestCtrl=fonction($scope,$http){<br> var p=$http({<br> Méthode : 'GET',<br> <br>url:'json/date.json'<br><a href="'json/date.json'"> });</a> p.success(function(response,status,headers,config){<br> $scope.names=response;<br> });<br> p.error(function(status){<br> console.log(statut);<br> });<br> ><br> //Méthode 2<br> Fonction TestCtrl2($scope,$http){<br> $http.get('json/yiqi_article.json').success(function(response){<br> $scope.info=response;<br> });<br> ><br> </script>
Tous les codes ci-dessus : https://github.com/litengdesign/angularjsTest
Démo implémentée : http://2.liteng.sinaapp.com/angularjsTest/index.html
Quant au routage (routeur) et à la directive (directive) d'angularjs, j'en parlerai séparément la prochaine fois.

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)

PHP est un langage de script open source côté serveur largement utilisé qui peut gérer toutes les tâches de développement Web. PHP est largement utilisé dans le développement Web, notamment pour ses excellentes performances en matière de traitement dynamique des données, il est donc apprécié et utilisé par de nombreux développeurs. Dans cet article, nous expliquerons les bases de PHP étape par étape pour aider les débutants à devenir compétents. 1. Syntaxe de base PHP est un langage interprété dont le code est similaire au HTML, CSS et JavaScript. Chaque instruction PHP se termine par un point-virgule ;

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".

À 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.

Avec le développement continu d'Internet, les applications Web sont devenues un élément important de la construction de l'information d'entreprise et un moyen nécessaire au travail de modernisation. Afin de faciliter le développement, la maintenance et l'extension des applications Web, les développeurs doivent choisir un cadre technique et un langage de programmation adaptés à leurs besoins de développement. PHP et AngularJS sont deux technologies de développement Web très populaires. Ce sont respectivement des solutions côté serveur et côté client. Leur utilisation combinée peut considérablement améliorer l'efficacité du développement et l'expérience utilisateur des applications Web. Avantages de PHPPHP

Si vous souhaitez travailler dans l'industrie informatique, mais souhaitez apprendre la programmation, quelle technologie devriez-vous choisir ? Bien sûr, il s'agit de l'exploitation et de la maintenance de Linux ? Linux est une technologie très populaire sur le marché, avec une large gamme d'applications et de bonnes perspectives d'emploi, et appréciée par de nombreuses personnes. La question est donc : puis-je apprendre le fonctionnement et la maintenance de Linux sans aucune base ? Sur le marché des serveurs, le système Linux détient une part de marché allant jusqu'à 80 % en raison de ses avantages tels que la stabilité, la sécurité, l'open source gratuit, l'efficacité et la commodité. De là, on peut voir que les applications Linux sont très populaires. Que ce soit maintenant ou dans le futur, apprendre Linux est un très bon choix. Quant à savoir s’il est possible d’apprendre à partir de zéro ? Ma réponse est bien sûr. Le cours en présentiel Oldboy Education Linux est spécialement conçu pour les personnes n'ayant aucune connaissance de base.

Introduction de base à PHP : Comment utiliser la fonction echo pour générer du contenu textuel. Dans la programmation PHP, vous devez souvent afficher du contenu textuel sur une page Web. Dans ce cas, vous pouvez utiliser la fonction echo. Cet article explique comment utiliser la fonction echo pour générer du contenu textuel et fournit un exemple de code. Avant de commencer, assurez-vous d'abord d'avoir installé PHP et configuré l'environnement d'exécution. Si PHP n'est pas encore installé, vous pouvez télécharger la dernière version stable sur le site officiel de PHP (https://www.php.net).

Avec le développement rapide de la technologie Web, l'application Web à page unique (SinglePage Application, SPA) est devenue un modèle d'application Web de plus en plus populaire. Par rapport aux applications Web multipages traditionnelles, le plus grand avantage de SPA est que l'expérience utilisateur est plus fluide et que la pression de calcul sur le serveur est également considérablement réduite. Dans cet article, nous expliquerons comment créer un SPA simple à l'aide de Flask et AngularJS. Flask est un Py léger

Le langage Go est un langage compilé à typage statique développé par Google. Ses fonctionnalités concises et efficaces ont attiré l'attention et l'amour des développeurs. Dans le processus d’apprentissage du langage Go, la maîtrise des connaissances de base sur les variables est une étape cruciale. Cet article expliquera les connaissances de base telles que la définition, l'affectation et l'inférence de type de variables dans le langage Go à travers des exemples de code spécifiques pour aider les lecteurs à mieux comprendre et maîtriser ces points de connaissances. Dans le langage Go, vous pouvez utiliser le mot-clé var pour définir une variable, qui est le format du type de variable var nom de variable.
