2016-06-30 22 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