Ich arbeite derzeit an einem AngularJS-Projekt und ich möchte Option in einer Dropdown-Liste zusammen mit Eingabedaten, die vom Benutzer ohne Verwendung des Back-End eingegeben wurde ausgewählt werden. Wie kann dies mit AngularJS geschehen? Irgendeine Hilfe?Drucken von der Frontend mit AngularJS
Antwort
Ich glaube, Sie wollten etwas wie Präfix + Name, ihr https://jsfiddle.net/datachand/szc550yb/3/
<div ng-controller="UserCtrl as vm">
<select ng-model="vm.prefix">
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
</select>
<input type="text" ng-model="vm.name" placeholder="Enter your Name">
<button ng-click="vm.submit()">
Send
</button>
</div>
Ein Controller in jedem Fall erforderlich ist, auch wenn es leer ist:
angular.module('app', []);
function UserCtrl ($log) {
$log.log('UserCtrl');
var vm = this;
vm.submit = function() {
$log.log(vm.prefix, vm.name);
$window.location.href = "https://towhateverurl" + "?prefix=" + vm.prefix +"&name=" + vm.name;
}
UserCtrl.$inject = ['$log'];
angular.module('app').controller('UserCtrl', UserCtrl);
Ich hoffe, dass das, was ist, ist erforderlich.
Nicht genau. Eine dritte Schaltfläche wie submit wird erwartet, bei der die beiden eingegebenen Werte empfangen und dann auf einer neuen Seite zurückgegeben werden können. – taiwoorogbangba
Ich denke, Sie können eine Schaltfläche mit 'ng-click =" vm.submit() "' hinzufügen und schreiben Sie eine 'this.submit = function() {}' in Ihrem Controller und leiten Sie die Seite um 'window.location =. .. 'mit' this.name' und 'this.prefix'. – cs1193
Ich habe es gerade versucht, aber es scheint nicht zu funktionieren. Können Sie mir bitte einen Beispielcode von dem, was Sie sagen, zeigen? – taiwoorogbangba
- 1. Frontend-Entwicklung Workflow mit angularjs und gruntjs
- 2. Posting ersinnen von AngularJS (Frontend) Passwort zurückzusetzen
- 3. Protokoll drucken mit angularjs
- 4. AngularJS-Eingänge vom Frontend anzeigen
- 5. JSON-Wert mit AngularJS drucken
- 6. AngularJS - Werte vom Backend zum Frontend übergeben
- 7. Mischen von Frontend- und serverseitigen Technologien (Spring, Thymeleaf, AngularJS)
- 8. AngularJS Drucken Versteckt Div
- 9. Array-Elemente drucken AngularJS
- 10. Wie eine Angularjs-Anwendung Frontend mit Nginx und Dropwizard
- 11. Rendern von Datenbankabfragen mit AngularJS
- 12. AngularJS 2 als Frontend und Symfony 3 als Backend
- 13. SPA mit Trennung von Frontend und Backend
- 14. Erstellen der ONLYOFFICE Editoren Frontend
- 15. Drucken von der Elektronenapplikation
- 16. Drucken von der CSS
- 17. MongoDB mit dem Frontend verbinden?
- 18. Anwendungsdesign - Daemon mit WebPage FrontEnd
- 19. AngularJS Drucken von Text, wenn das Kontrollkästchen aktiviert ist
- 20. Direktes Drucken von der Webseite
- 21. Drucken von der IPad App
- 22. Verwenden von AngularJS mit innerHTML
- 23. WordPress - das Update der Post-Anhänge von Frontend
- 24. Drucken von Bildern mit SSRS
- 25. Drucken von PDFs mit PDFSharp
- 26. Drucken von Excel mit Interop
- 27. Drucken von Eigenschaften mit Object.keys()
- 28. Ausgabe mit dem Abrufen Magento Frontend Session
- 29. erhalten Daten von django Form und drucken in der Konsole
- 30. SDR-Kit mit 2,4 GHz RF-Frontend?
Eine dritte Schaltfläche ist erforderlich. Es ist eine Schaltfläche wie eine Senden-Schaltfläche, die den auf einer neuen Seite ausgewählten Wert zurückgibt. – taiwoorogbangba