angularjs自動填入防止編輯

Question

在下面的鏈接

https://plnkr.co/edit/pThmY2vMX4XmF1YGEnki?p=preview

var app = angular.module('search', ['ui.bootstrap']); 
     app.controller('SearchController', ['$window', '$http','$scope', function ($window, $http,$scope){      
      $scope.selected=""; 
      $scope.states = ['Alabama', 'Alaska', 'Arizona', 'Arkansas', 
      'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 
      'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 
      'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 
      'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 
      'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 
      'New Jersey', 'New Mexico', 'New York', 'North Dakota', 
      'North Carolina', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 
      'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 
      'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 
      'West Virginia', 'Wisconsin', 'Wyoming']; 

    }]); 

任何想法如何防止用戶編輯文本框的內容？

示例：當用戶鍵入'a'並選擇'Alabama'時，我想阻止用戶編輯文本框並將狀態名稱更改爲'Alaba'。

Answer 1

您可以使用ng-disable指令，並在用戶單擊名稱時將其設置爲true，選中 - ng-disable docs。