v0.0.6

- autogrow fix during programmatic changes
- named controllers more concisely (sorry @kasperlewau)

Author: Dean Sofer

README.md

@@ -46,17 +46,17 @@ You have to build the HTML yourself:
 <div class="ui-mention-container">
 
   <textarea ng-model="data" ui-mention my-mention></textarea>
-  
+
   <div class="ui-mention-highlight"></div>
-  
+
   <ul class="dropdown" ng-if="$mention.choices.length">
     <li ng-repeat="choice in $mention.choices"
       ng-class="{active:$mention.activeChoice==choice}"
       ng-click="$mention.select(choice)">
       {{::choice.first_name}} {{::choice.last_name}}
     </li>
   </ul>
-  
+
 </div>
 ```
 And the CSS:
@@ -117,7 +117,7 @@ mention.findChoices = _.throttle(function(match) {
 }, 300);
 ```
 
-Hate redundancy? De-dupe that shiz:
+Hate redundancy? De-dupe that shiznizzle:
 ```js
 mention.findChoices = function(match, mentions) {
   return [ /* choices */ ]
@@ -138,9 +138,8 @@ Your servers are slow? Bitch please.
 mention.findChoices = function(match) {
   mention.loading = true;
   return $http.get(...)
-    .then( response => {
+    .finally( response => {
       mention.loading = false;
-      return response.data;
     });
 }
 ```

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-ui-mention",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "homepage": "https://github.com/angular-ui/ui-mention",
   "authors": [
     "AngularUI Team"

dist/mention.js

@@ -5,7 +5,7 @@ var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr =
 angular.module('ui.mention', []).directive('uiMention', function () {
   return {
     require: ['ngModel', 'uiMention'],
-    controller: 'uiMentionController',
+    controller: 'uiMention',
     controllerAs: '$mention',
     link: function link($scope, $element, $attrs, _ref) {
       var _ref2 = _slicedToArray(_ref, 2);
@@ -19,7 +19,7 @@ angular.module('ui.mention', []).directive('uiMention', function () {
 });
 'use strict';
 
-angular.module('ui.mention').controller('uiMentionController', function ($element, $scope, $attrs, $q, $timeout, $document) {
+angular.module('ui.mention').controller('uiMention', function ($element, $scope, $attrs, $q, $timeout, $document) {
   var _this2 = this;
 
   // Beginning of input or preceeded by spaces: @sometext
@@ -76,6 +76,7 @@ angular.module('ui.mention').controller('uiMentionController', function ($elemen
 
     ngModel.$render = function () {
       $element.val(ngModel.$viewValue || '');
+      $timeout(_this.autogrow, true);
       _this.render();
     };
   };

dist/mention.min.js

@@ -1,6 +1,6 @@
 {
   "name": "angular-ui-mention",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Facebook-like @mentions for text inputs built around composability",
   "main": "src/mention.js",
   "scripts": {

package.json

@@ -2,7 +2,7 @@ angular.module('ui.mention', [])
 .directive('uiMention', function() {
   return {
     require: ['ngModel', 'uiMention'],
-    controller: 'uiMentionController',
+    controller: 'uiMention',
     controllerAs: '$mention',
     link: function($scope, $element, $attrs, [ngModel, uiMention]) {
       uiMention.init(ngModel);

src/mention.es6.js

@@ -1,7 +1,7 @@
 angular.module('ui.mention')
-.controller('uiMentionController', function (
+.controller('uiMention', function (
   $element, $scope, $attrs, $q, $timeout, $document
-  ) {
+) {
 
   // Beginning of input or preceeded by spaces: @sometext
   this.pattern = this.pattern || /(?:\s+|^)@(\w+(?: \w+)?)$/;
@@ -54,6 +54,7 @@ angular.module('ui.mention')
 
     ngModel.$render = () => {
       $element.val(ngModel.$viewValue || '');
+      $timeout(this.autogrow, true);
       this.render();
     };
   };

src/mentionController.es6.js

@@ -1,4 +1,4 @@
-describe('uiMentionController', () => {
+describe('uiMention', () => {
   let $scope, $attrs, $q, $timeout, $document, createController, ngModelController;
 
   beforeEach(() => {
@@ -12,7 +12,7 @@ describe('uiMentionController', () => {
       $attrs    = {};
 
       createController = (el) => {
-        return $controller('uiMentionController', {
+        return $controller('uiMention', {
           $scope:    $scope,
           $attrs:    $attrs,
           $element:  el,

test/uiMentionController.spec.js

@@ -1,13 +1,13 @@
 describe('uiMentionDirective', () => {
-  let Subject, $scope, compileDir, uiMentionController;
+  let Subject, $scope, compileDir, ctrlInstance;
 
   beforeEach(() => {
-    uiMentionController = function () {
-      uiMentionController.init = this.init = sinon.stub();
+    ctrlInstance = function () {
+      ctrlInstance.init = this.init = sinon.stub();
     };
 
     module('ui.mention', ($controllerProvider) => {
-      $controllerProvider.register('uiMentionController', uiMentionController);
+      $controllerProvider.register('uiMention', ctrlInstance);
     });
 
     inject(($injector) => {
@@ -57,10 +57,9 @@ describe('uiMentionDirective', () => {
       $scope.model = 'wat';
       compileDir('<span ui-mention ng-model="model"></span>');
       $scope.$digest();
-      expect(uiMentionController.init).to.have.been.calledOnce.and.calledWithMatch({
+      expect(ctrlInstance.init).to.have.been.calledOnce.and.calledWithMatch({
         $modelValue: 'wat'
       });
     });
   });
 });
-