显示输入值AngularJS

-2

我需要这样做：当您选择前。 “登录”，然后在输入文本中显示login从$scope.logins。显示输入值AngularJS

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


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

HTML：与password

JS同样

<ul> 

     <li><button ng-model="type" ng-change="onSelectBoxChange(type)">login</button> 
     </li> 
     <li><button ng-model="type" ng-change="onSelectBoxChange(type)">password</button> 
     </li> 
</ul> 

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

我的代码不能正常工作。感谢您提前给出答案！

来源

2017-08-09 bafix2203

在按钮标记中，您应该使用ng-click而不是ng-change – Anita

[Select显示输入AngularJS中的值的可能重复项]（https://stackoverflow.com/questions/45458970/select-shows-value-in- input-angularjs） – Vivz

请写下你的工作代码，以及是否有错误。 –

您已经使用了ng-change。 Instaed您应该使用ng-click，广告按钮触发点击事件。

<ul> 
     <li><button ng-model="type" ng-click="onSelectBoxChange(type)">login</button> 
     </li> 
     <li><button ng-model="type" ng-click="onSelectBoxChange(type)">password</button> 
     </li> 
</ul> 
<input class="form-control" name="type" placeholder="value" ng-model="value" style="margin-bottom:5px;">

来源

2017-08-09 10:12:48 Anita

正如@Anita在评论中提到的，ng-change应该改为ng-click。 ng-change用于像下拉列表这样的元素，当值发生变化时会涉及一个操作。对于click事件，这个值没有这样的变化，因此不会有任何函数实现。

来源

2017-08-09 10:14:07

显示输入值AngularJS

回答

相关问题