title: angular x-editable deselecting selection to clear text input not working
body: <p>UPDATE: changing post to a more simplified example.</p>
  
  <p><a href="http://jsfiddle.net/bphein1980/avfozhx4/1/" rel="nofollow">http://jsfiddle.net/bphein1980/avfozhx4/1/</a></p>
  
  <p>QUESTION: When the x-editable selection is changed to "option3" and the $scope.condition1value is set to zero (0) in $scope.changeCondition1()... why is the view not reflecting the new condition1value value?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div ng-app="myApp"&gt;
      &lt;div ng-controller="testController"&gt;
  
          &lt;form editable-form name="myForm"&gt;
              &lt;button class="show" type="button" ng-show="!myForm.$visible" ng-click="myForm.$show()"&gt;Edit&lt;/button&gt;
              &lt;button class="done" type="submit" ng-show="myForm.$visible"&gt;Done&lt;/button&gt;
          &lt;/form&gt;
  
          &lt;span 
              editable-select="condition1" 
              e-ng-options="c1.name as c1.name for c1 in condition1s" 
              e-ng-change="changeCondition1($data)"
              e-form="myForm"
              e-name="condition1"
          &gt;
              {{ showCondition1() }}
          &lt;/span&gt;
  
          &lt;span editable-text="condition1value" e-ng-model="condition1value" e-name="condition1value" e-form="myForm"&gt; 
              {{ condition1value }}
          &lt;/span&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>More code:</p>
  
  <pre><code>var myApp = angular.module("myApp", ["xeditable"]);
  
  myApp.run(function(editableOptions, editableThemes) {
      editableOptions.theme = 'default'; 
  });
  
  myApp.controller("testController", ["$scope", "$filter", testController]);
  
  function testController($scope, $filter) {
  
      $scope.condition1s = [
          { id: 1, name: "option1" },
          { id: 2, name: "option2" },
          { id: 3, name: "option3" }
      ];
  
      $scope.condition1 = "";
      $scope.condition1value = "20";
  
      $scope.changeCondition1 = function(newVal){
          if(newVal == 'option3'){
               $scope.condition1value = 0;   
          }
          console.log("changeCondition1", newVal, $scope);
      };
  
      $scope.showCondition1 = function(){
          var selected = $filter('filter')($scope.condition1s, { name: $scope.currentCondition1 });
          return ($scope.currentCondition1 &amp;&amp; selected.length) ? selected[0].name : 'empty';        
      };
  
  }
  </code></pre>