如何使用ng-dblclick捕获md-chip中的双击事件?

时间:2017-08-30 14:49:10

标签: javascript angularjs angular-material md-chip

我正在寻找一种捕获双击事件的方法,使用md-chip指令中的ng-dblclick。

但每次我双击输入字段时都会出现以下错误。我怀疑它不支持ng-dblclick。 enter image description here

客户端代码

<md-chips ng-model="keyset3" 
          name="keyset3" 
          readonly="readonly"
          md-removable="removable"
          md-max-chips="5" 
          placeholder="Enter a Keyword..." 
          ng-dblclick="fieldDoubleClick('keyset3')">
    <md-chip-template>
        <strong>{{$chip}}</strong>
    </md-chip-template>
</md-chips>

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

早期的fieldDoubleClick实施

$scope.fieldDoubleClick = function(fieldName, type) {
    utils.setValue($scope,fieldName,utils.removeEscapeCharacters($scope.extractedData.text));                                 
}

新字段点击次数Imp

$scope.fieldDoubleClick = function(fieldName, type) {


          if(type=="chip") {
              var arr = [];
              arr.push(utils.removeEscapeCharacters($scope.extractedData.text));
              utils.setValue($scope, fieldName, arr);
          } else {
              utils.setValue($scope, fieldName, utils.removeEscapeCharacters($scope.extractedData.text));                 
          }

      }

解决方案 - 芯片的型号需要是一个阵列。 (由Matthew Cawley提供)