2016-06-30 15 views
0

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

+0

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

Antwort

0

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.

+0

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

+0

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

+0

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