选择显示输入AngularJS中的值 [英] Select shows value in input AngularJS

问题描述

我需要做这样的事情:当您选择ex时. 登录"，然后在输入文本中显示login from $scope.logins与password

I need to do something like this : When you select ex. "login", then in input text shows login from $scope.logins The same with password

JS:

  $scope.logins = [{
        "login" : "log",
        "password" : "pass"
    }]

HTML:

<select ng-model="type">
     <option value="" disabled selected>Type</option>
     <option>login</option>
     <option>password</option>
</select>

<input class="form-control" name="type" placeholder="value" ng-model="value" style="margin-bottom:5px;">

谢谢您的回答.

推荐答案

为此使用ng-change:

<select ng-model="type" ng-change="onSelectBoxChange(type)">
     <option value="" disabled selected>Type</option>
     <option value="login">login</option>
     <option value="password">password</option>
</select>

<input class="form-control" name="type" placeholder="value" ng-model="value" style="margin-bottom:5px;">

在控制器中

$scope.logins = [{
        "login" : "log",
        "password" : "pass"
    }];

$scope.onSelectBoxChange = function(selectedValue){
  if(selectedValue=="login"){
    $scope.value = $scope.logins[0].login;
  }else{
    $scope.value=undefined;
  }
}

这篇关于选择显示输入AngularJS中的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！