顯示輸入值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

回答

相關問題