title: Editable-Text with angular JS acts like a normal link
body: <p>Can you help what i am doing wrong here? </p>
  
  <p>I implemented an editable label with angular js in one of my forms using xeditable and angular  but the strange is that the editable label acts like a normal link, i followed this doc</p>
  
  <p><a href="https://vitalets.github.io/angular-xeditable/" rel="nofollow">https://vitalets.github.io/angular-xeditable/</a></p>
  
  <p>Here is my relevent html code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>        &lt;a href="#"  editable-text="user.name"&gt;{{ user.name || "empty" }}&lt;/a&gt;
      </code></pre>
  </div>
  </div>
  </p>
  
  <p>I am inserting the angular js controller and everything, i get no error it is just that it acts like a normal link.</p>
  
  <p>EDIT my app.js looks like </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>'use strict';
  
  var App = angular.module('myApp', [
                                 'ngResource',
                                 'ngRoute',
                                 'ngFileUpload',
                                 'angularBootstrapNavTree',
                                 'ngAnimate',
                                 'angularUtils.directives.dirPagination',
                                 "checklist-model",
                                 'xeditable'
  
  
                               ]);
  
  
  
   //comment
  App.config(['$routeProvider','paginationTemplateProvider', function($routeProvider,paginationTemplateProvider) {
   ......
  
  }]);
  
  App.run(['$rootScope','$location','$routeParams','$http','Attribut','Categorie','SsCategorieofcategorie','Produit','ConfigCategorie','editableOptions', function($rootScope, $location, $routeParams, $http, Attribut, Categorie,SsCategorieofcategorie,Produit,ConfigCategorie,editableOptions) {
     editableOptions.theme = 'bs3';
  ........
  
      }]);</code></pre>
  </div>
  </div>
  </p>
  
  <p>And my controller :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>'var strict';
  
  App.controller('GenerationContenuController',['$scope', '$http','$interval','GenerationContenu','InputText','$timeout',  function($scope, $http,$interval,GenerationContenu,InputText ,$timeout){
  
      var self=this;
      
          $scope.user = {
            name: 'awesome user'
          };
  
  
  
  ...
  
  
  
  }]);</code></pre>
  </div>
  </div>
  </p>
  
  <p>and finally the html</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form id="msform"  ng-controller="GenerationContenuController as ctrl"  editable-form&gt;
    &lt;!-- progressbar --&gt;
    &lt;ul id="progressbar"&gt;
      &lt;li class="active"&gt;Choix du contenu&lt;/li&gt;
      &lt;li&gt;Validation du vocabulaire&lt;/li&gt;
      &lt;li&gt;Validation du contenu &lt;/li&gt;
    &lt;/ul&gt;
    &lt;!-- fieldsets --&gt;
    &lt;fieldset&gt;
      &lt;h2 class="fs-title"&gt;Choix du contenu&lt;/h2&gt;
          &lt;a href="#"  editable-text="user.name"&gt;{{ user.name || "empty" }}&lt;/a&gt;
      &lt;div class="form-group"&gt;
        &lt;select class="form-control" id="inputText" ng-model="typeInputText" ng-change="ctrl.update()" required&gt;
                  &lt;option value="MOT CLE"&gt;Mots cles&lt;/option&gt;
                  &lt;option value="PHRASE"&gt;Phrases bateau&lt;/option&gt;
                  &lt;option value="AVIS"&gt;Faux avis&lt;/option&gt;
                  &lt;option value="CONSEIL"&gt;Conseils pour parents&lt;/option&gt;
             &lt;/select&gt;
             &lt;/div&gt;
             &lt;div class="form-group"&gt;
             &lt;select class="form-control"  ng-model="selectedInputText" required&gt;
                  &lt;option ng-repeat="inputText in inputTexts" value="{{inputText.text}}"&gt;{{inputText.text}}&lt;/option&gt;
             &lt;/select&gt;
             &lt;/div&gt;
      &lt;input type="button" name="next" class="next action-button" ng-click="ctrl.genererVocabulaire()" value="Next" /&gt;
    &lt;/fieldset&gt;
  
      &lt;fieldSet&gt;
      ....
    &lt;/fieldSet&gt;
       &lt;fieldSet&gt;
      ....
     &lt;/fieldSet&gt;
  &lt;/form&gt;
  
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I tried to put the max and keep specific in the same time </p>