Đặt đầu vào không hợp lệ khi typeahead-editable là false

Question

Tôi đang sử dụng thành phần UI Bootstrap của typeahead và tôi muốn buộc lựa chọn để xác thực biểu mẫu của tôi. Có thể cấu hình nó để đặt đầu vào không hợp lệ khi 'typeahead-editable' được đặt thành false và người dùng nhập giá trị "xấu" hoặc tôi nên viết chỉ thị cho điều này (nhưng làm cách nào?)?

Cảm ơn

CẬP NHẬT 2013/08/09 09:54: Bạn nghĩ gì về giải pháp sau đây:

 
var formValidatorsModule = angular.module('app.validator.formValidator', []); 

formValidatorsModule.directive('typeaheadForceSelection', function() { 
    return { 
     require : 'ngModel', 
     link : function(scope, elm, attrs, ctrl) { 
      ctrl.$parsers.push(function(viewValue) { 
       if (viewValue == undefined) { 
        ctrl.$setValidity('typeaheadForceSelection', false); 
       } else { 
        ctrl.$setValidity('typeaheadForceSelection', true); 
       } 
       return viewValue; 
      }); 
     } 
    }; 
}); 

Answer 1

Các typeahead chỉ thị từ http://angular-ui.github.io/bootstrap/ đã hỗ trợ để hạn chế đầu vào cho các trận đấu (nói cách khác, mọi người có thể liên kết để chỉ mô hình hóa các giá trị có sẵn dưới dạng kết quả phù hợp trong cửa sổ bật lên typeahead). Bạn có thể làm điều này bằng cách chỉ cần đặt thuộc tính typeahead-editable='false'.

Xin lưu ý rằng việc đặt thuộc tính này thành false sẽ không ngăn mọi người nhập các giá trị không hợp lệ. Nó sẽ chỉ đảm bảo rằng một đầu vào tương ứng được đánh dấu là không hợp lệ và một giá trị được cung cấp không bị ràng buộc với mô hình.