2016-06-30 23 views
0

我目前正在開發一個AngularJS項目,並希望在下拉列表中選擇打印選項以及用戶未使用後端輸入的輸入數據。這怎麼可以使用AngularJS來完成?任何幫助?使用AngularJS從前端打印

+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> 

需要一個控制器在任何情況下,即使它是空的:

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

我想你可以用'ng-click =「vm.submit()」'添加一個按鈕,並在你的控制器中寫入'this.submit = function(){}',並通過'window.location =來重定向頁面。 ..'與'this.name'和'this.prefix'。 – cs1193

+0

我剛剛嘗試過,但似乎沒有工作。你能告訴我一個你在說什麼的示例代碼嗎? – taiwoorogbangba