从指令更新的角度 UI 下拉范围变量不会更新范围

Question

我编写了一个指令，该指令根据按下的键更新范围变量。该代码对我来说工作正常，但变量不会更新，直到焦点重新放在下拉菜单上或拉出。下面是html和指令代码：

<button type="button" drop-select ="card.purchaseType">{{card.purchaseType}}</button>

 appModule.directive('dropSelect', function() {
   return {
     scope: {
       purchaseType:'=dropSelect'
     },
     link: function(scope, element, attrs){
       var items =["Retail Purchases","Prescription Purchases", "Retail and Prescription Purchases"];
        element.on('keyup', function(e){
          // Get the character pressed
          var stringChar = String.fromCharCode(e.keyCode), currentItem = scope.purchaseType;
          for(var itemCount = 0; itemCount < items.length; itemCount++){
            if(stringChar == items[itemCount].charAt(0) &&
              currentItem != items[itemCount]){
              scope.purchaseType = items[itemCount];
            }
          }
        });
     }
   }
 })

Answer 1

尝试 element.on('keypress') 代替 keyup