Web-Frontend
js-Tutorial
Eine kurze Einführung in die Verwendung von AngularJS-Controllern_AngularJS
Eine kurze Einführung in die Verwendung von AngularJS-Controllern_AngularJS
AngularJS-Anwendungen basieren hauptsächlich auf Controllern, um den Datenfluss innerhalb der Anwendung zu steuern. Controller werden mit der ng-controller-Direktive definiert. Ein Controller ist eine Funktion, die Eigenschaften/Eigenschaften und JavaScript-Objekte enthält. Jeder Controller akzeptiert den Parameter $scope, um die Anwendung/das Modul anzugeben, die/das vom Controller gesteuert wird.
<div ng-app="" ng-controller="studentController"> ... </div>
Hier haben wir den Controller studentController mithilfe der ng-controller-Direktive deklariert. Als nächsten Schritt definieren wir studentController wie folgt
- studentController definiert $scope als JavaScript-Objektparameter.
- $scope repräsentiert die Anwendung unter Verwendung des studentController-Objekts.
- $scope.student ist eine Eigenschaft des studentController-Objekts.
- FirstName und lastName sind zwei Eigenschaften des $scope.student-Objekts. Wir haben ihnen Standardwerte übergeben.
- fullName ist eine Funktion des $scope.student-Objekts, dessen Aufgabe darin besteht, den zusammengeführten Namen zurückzugeben.
- In der fullName-Funktion möchten wir nun, dass das student-Objekt den kombinierten Namen zurückgibt.
- Hinweis: Sie können das Controller-Objekt auch in einer separaten JS-Datei definieren und die entsprechende Datei in die HTML-Seite einfügen.
<script>
function studentController($scope) {
$scope.student = {
firstName: "yiibai",
lastName: "com",
fullName: function() {
var studentObject;
studentObject = $scope.student;
return studentObject.firstName + " " + studentObject.lastName;
}
};
}
</script>
Jetzt können Sie das studentController-Attribut mit ng-model oder mit Ausdrücken wie folgt verwenden.
- Es gibt jetzt zwei Eingabefelder: student.firstName und student.lastname.
- Es gibt jetzt die Methode student.fullName() zu HTML hinzugefügt.
- Solange Sie nun das eingeben, was Sie in die Eingabefelder für Vorname und Nachname eingegeben haben, können Sie sehen, dass die beiden Namen automatisch aktualisiert werden.
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()}}
Beispiel
Das folgende Beispiel demonstriert die Verwendung eines Controllers.
Der Inhalt der Datei testAngularJS.html lautet wie folgt:
<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>
Ausgabe
Öffnen Sie textAngularJS.html in einem Webbrowser und sehen Sie die folgenden Ergebnisse:
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1389
52
So kalibrieren Sie Ihren Xbox One-Controller richtig unter Windows 11
Sep 21, 2023 pm 09:09 PM
Da Windows zur Gaming-Plattform der Wahl geworden ist, ist es umso wichtiger, seine spielorientierten Funktionen zu identifizieren. Eine davon ist die Möglichkeit, einen Xbox One-Controller unter Windows 11 zu kalibrieren. Mit der integrierten manuellen Kalibrierung können Sie Abweichungen, zufällige Bewegungen oder Leistungsprobleme beseitigen und die X-, Y- und Z-Achse effektiv ausrichten. Wenn die verfügbaren Optionen nicht funktionieren, können Sie jederzeit ein Xbox One-Controller-Kalibrierungstool eines Drittanbieters verwenden. Finden wir es heraus! Wie kalibriere ich meinen Xbox-Controller unter Windows 11? Bevor Sie fortfahren, stellen Sie sicher, dass Sie Ihren Controller an Ihren Computer anschließen und die Treiber Ihres Xbox One-Controllers aktualisieren. Installieren Sie nebenbei auch alle verfügbaren Firmware-Updates. 1. Nutzen Sie Wind
Wie verwende ich das CodeIgniter4-Framework in PHP?
May 31, 2023 pm 02:51 PM
PHP ist eine sehr beliebte Programmiersprache und CodeIgniter4 ist ein häufig verwendetes PHP-Framework. Bei der Entwicklung von Webanwendungen ist die Verwendung von Frameworks sehr hilfreich. Sie können den Entwicklungsprozess beschleunigen, die Codequalität verbessern und die Wartungskosten senken. In diesem Artikel wird die Verwendung des CodeIgniter4-Frameworks vorgestellt. Installation des CodeIgniter4-Frameworks Das CodeIgniter4-Framework kann von der offiziellen Website (https://codeigniter.com/) heruntergeladen werden. Runter
Laravel von Grund auf lernen: Detaillierte Erklärung des Controller-Methodenaufrufs
Mar 10, 2024 pm 05:03 PM
Laravel von Grund auf lernen: Detaillierte Erklärung des Controller-Methodenaufrufs Bei der Entwicklung von Laravel ist Controller ein sehr wichtiges Konzept. Der Controller dient als Brücke zwischen dem Modell und der Ansicht und ist für die Verarbeitung von Routenanforderungen und die Rückgabe entsprechender Daten an die Ansicht zur Anzeige verantwortlich. Methoden in Controllern können über Routen aufgerufen werden. In diesem Artikel wird detailliert beschrieben, wie Methoden in Controllern geschrieben und aufgerufen werden, und es werden spezifische Codebeispiele bereitgestellt. Zuerst müssen wir einen Controller erstellen. Sie können zum Erstellen das Artisan-Befehlszeilentool verwenden
Was ist ein Laravel-Controller?
Jan 14, 2023 am 11:16 AM
In Laravel ist ein Controller (Controller) eine Klasse, die zur Implementierung bestimmter Funktionen verwendet wird; der Controller kann zugehörige Anforderungsverarbeitungslogik in einer separaten Klasse kombinieren. Einige Methoden werden im Controller gespeichert, um bestimmte Funktionen zu implementieren. Der Controller wird über Routing aufgerufen, und Rückruffunktionen werden nicht mehr im Verzeichnis „app/Http/Controllers“ gespeichert.
Die neuesten 5 AngularJS-Tutorials im Jahr 2022, vom Einstieg bis zur Beherrschung
Jun 15, 2017 pm 05:50 PM
Javascript ist eine sehr einzigartige Sprache, was die Organisation des Codes, das Programmierparadigma des Codes und die objektorientierte Theorie betrifft. Die Frage, ob Javascript eine objektorientierte Sprache ist, wird seit langem diskutiert Es gibt offensichtlich schon seit langem eine Antwort. Auch wenn Javascript seit zwanzig Jahren vorherrscht, schauen Sie sich einfach das „Black Horse Cloud Classroom JavaScript Advanced Framework“ an, wenn Sie beliebte Frameworks wie jQuery, Angularjs und sogar React verstehen möchten Design-Video-Tutorial“.
Laravel Study Guide: Best Practices für Controller-Methodenaufrufe
Mar 11, 2024 am 08:27 AM
Im Laravel-Lernleitfaden ist das Aufrufen von Controller-Methoden ein sehr wichtiges Thema. Controller fungieren als Brücke zwischen Routing und Modellen und spielen eine wichtige Rolle in der Anwendung. In diesem Artikel werden die Best Practices für den Aufruf von Controller-Methoden vorgestellt und spezifische Codebeispiele bereitgestellt, um den Lesern das Verständnis zu erleichtern. Lassen Sie uns zunächst die Grundstruktur von Controller-Methoden verstehen. In Laravel werden Controller-Klassen normalerweise im Verzeichnis app/Http/Controllers gespeichert. Jede Controller-Klasse enthält mehrere
Verwenden Sie PHP und AngularJS, um eine reaktionsfähige Website zu erstellen und ein hochwertiges Benutzererlebnis zu bieten
Jun 27, 2023 pm 07:37 PM
Im heutigen Informationszeitalter sind Websites zu einem wichtigen Instrument für Menschen geworden, um Informationen zu erhalten und zu kommunizieren. Eine responsive Website kann sich an verschiedene Geräte anpassen und den Benutzern ein qualitativ hochwertiges Erlebnis bieten, was zu einem Hotspot in der modernen Website-Entwicklung geworden ist. In diesem Artikel erfahren Sie, wie Sie mit PHP und AngularJS eine responsive Website erstellen, um ein qualitativ hochwertiges Benutzererlebnis zu bieten. Einführung in PHP PHP ist eine serverseitige Open-Source-Programmiersprache, die sich ideal für die Webentwicklung eignet. PHP bietet viele Vorteile, z. B. einfache Erlernbarkeit, plattformübergreifende Funktionalität, umfangreiche Toolbibliothek und Entwicklungseffizienz
Wie verwende ich Controller-Parameter im Symfony-Framework?
Jun 04, 2023 pm 03:40 PM
Das Symfony-Framework ist ein beliebtes PHP-Framework, das auf der MVC-Architektur (Model-View-Controller) basiert. In Symfony sind Controller eine der Schlüsselkomponenten, die für die Verarbeitung von Webanwendungsanfragen verantwortlich sind. Parameter in Controllern sind bei der Verarbeitung von Anfragen sehr nützlich. In diesem Artikel wird die Verwendung von Controller-Parametern im Symfony-Framework vorgestellt. Grundkenntnisse über Controller-Parameter Controller-Parameter werden durch Routing an den Controller übergeben. Routing ist eine Zuordnung von URIs (Uniform Resource Identifiers) zu Controllern und
