md-chips on blur not working in angular-material 1.1.0

ngBlur and ngFocus will start working from 1.1.1 version of Angular Material
We just need to add md-no-cache="true"

Hi guys,

I think, it's a bug. You can see more details for this change here:
https://github.com/angular/material/issues/3364

Here you can see solution as:
Replace following code

MdChipsCtrl.prototype.onInputBlur = function () {
   this.inputHasFocus = false;
};

with

MdChipsCtrl.prototype.onInputBlur = function () {
   this.inputHasFocus = false;
   var chipBuffer = this.getChipBuffer();
   if (chipBuffer != "") { // REQUIRED, OTHERWISE YOU'D GET A BLANK CHIP
     this.appendChip(chipBuffer);
     this.resetChipBuffer();
   }
 };

This is just replicating what is triggered by ENTER keycode, on MdChipsCtrl.prototype.inputKeydown.

Here is how to implement the hack without changing the source code. we simply need to extend the mdChips directive and you can implement it from there. Here is sample code as:

angular.module('myApp').directive('mdChips', function () {
  return {
    restrict: 'E',
    require: 'mdChips', // Extends the original mdChips directive
    link: function (scope, element, attributes, mdChipsCtrl) {
      mdChipsCtrl.onInputBlur = function () {
        this.inputHasFocus = false;

      // ADDED CODE
        var chipBuffer = this.getChipBuffer();
        if (chipBuffer != "") { // REQUIRED, OTHERWISE YOU'D GET A BLANK CHIP
            this.appendChip(chipBuffer);
            this.resetChipBuffer();
        }
      // - EOF - ADDED CODE
      };
    }
  }
});

Thanks.