2016-06-30 4 views
0

현재 AngularJS 프로젝트에서 작업 중이며 백엔드를 사용하지 않고 사용자가 입력 한 입력 데이터와 함께 드롭 다운 목록에서 선택한 옵션을 인쇄하고 싶습니다. AngularJS를 사용하여 어떻게 이것을 할 수 있습니까? 어떤 도움이 필요합니까? 이다,AngularJS를 사용하여 프론트 엔드에서 인쇄

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); 

내가이 무엇을 희망 :

+0

세 번째 버튼이 필요합니다. 새 페이지에서 선택한 값을 반환하는 제출 버튼과 같은 버튼입니다. – taiwoorogbangba

답변

0

는 저는 믿습니다 당신은 그녀가 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> 

컨트롤러가 비어 경우에도, 어떤 경우에 필요하다 접두사 + 이름 같은 것을 원했다 필수.

+0

정확하지 않습니다. 제출 된 세 번째 버튼은 입력 된 두 값을 수신 한 다음 새 페이지에서 반환 할 수있는 위치에 있어야합니다. – taiwoorogbangba

+0

'ng-click = "vm.submit()"'버튼을 추가하고 컨트롤러에'this.submit = function() {}'을 쓰고'window.location = '에 의해 페이지를 리다이렉션 할 수 있다고 생각합니다. ..'와'this.name'과'this.prefix'를 사용합니다. – cs1193

+0

방금 ​​시도했지만 작동하지 않는 것 같습니다. 당신이 말하는 것을 샘플 코드로 보여 주시겠습니까? – taiwoorogbangba

관련 문제