Javascript 选择显示输入AngularJS中的值

我需要这样做：当您选择ex.“login”时，在输入文本中显示来自

$scope的
登录
。登录

与

密码

JS:

HTML:

类型
登录
密码

---

感谢您提前回答。

第一种方法

您可以使用

$scope.$watch

来完成此操作

var-app=angular.module（'mainApp'，[]）；
应用控制器（'mainController'，功能（$scope）{
$scope.logins=[{
“登录”：“日志”，
“密码”：“通过”
}]
$scope.$watch（'type'，function（val））{
$scope.value=$scope.logins[0][val]；
});
});

类型
登录
密码
第一种方法

您可以使用
$scope.$watch
来完成此操作


var-app=angular.module（'mainApp'，[]）；
应用控制器（'mainController'，功能（$scope）{
$scope.logins=[{
“登录”：“日志”，
“密码”：“通过”
}]
$scope.$watch（'type'，function（val））{
$scope.value=$scope.logins[0][val]；
});
});

类型
登录
密码
为此使用
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;">

为此使用
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;">

你为什么删除我的答案？你为什么删除我的答案？我不明白这是如何成为公认的答案的，这对两种情况都不起作用？我不明白这是如何成为公认的答案的，这对两种情况都不起作用？
<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;
  }
}