Когда я изменяю значение ввода, нажатие на кнопку $ bindTo не работает firebase

AngularJS не обращает внимания на то, что значение ввода задано, оно только заботится о том, что в ng-модели. Попробуй это...

app.directive('addOne', function() { 
    return {
        link: function(scope,element) {
            element.on('click', function() {
                scope.$apply(function(){
                    scope.user.level++
                });
            });
        }
    }
});

Как указано в @PankajParkar, вам также необходимо использовать scope. $ Apply, когда вы хотите обновить привязку с события.

angular.module('demo', [])
.controller('DemoController', function($scope){
  $scope.user={level: 1};
})
.directive('addOne', function() { 
  return {
    link: function(scope, element, attrs) {
      element.on('click', function() {
        scope.$apply(scope.user.level++);
      });
    }
  }
})
.directive('unaryInput', function(){
  return {
    restrict: 'EA',
    scope: {
      model: "=",
      txt: '@buttonText'
    },
    template: '<input type="text" ng-model="model" /><button>{{txt}}</button>',
    link: function(scope, element, attrs) {
        if(angular.isDefined(attrs.initialVal)) {
          scope.model = attrs.initialVal;
        }
      
        element.on('click', function() {
          if (attrs.direction === 'decrement') {
            scope.$apply(scope.model--);
          } else {
            scope.$apply(scope.model++);
          }
        });
      
      }
  };
});

<script src="https://code.angularjs.org/1.3.15/angular.min.js"></script>

<div ng-app="demo" ng-controller="DemoController">
  <input type="text" ng-model="user.level">
  <input type="button" value="+" add-one>
  <hr>
  <unary-input button-text="Add one" model="user.level" direction="increment"></unary-input>
  <unary-input button-text="-" model="user.level" direction="decrement"></unary-input>
  <hr>
  <unary-input button-text="-" model="user.val" direction="decrement" initial-val="10"></unary-input>
</div>

В AngularJS вы хотите изменить представление, изменив модель, на которой она основана, и сделайте это как можно скорее, используя традиционный подход jQuery (перемещая DOM и увеличивая значение).

ОБНОВИТЬ

Хорошо, так что здесь хорошая многоразовая версия (пожалуйста, просмотрите фрагмент, чтобы увидеть его в действии).

Шаблон включает в себя как кнопку, так и вход. Он принимает 4 значения, которые вы устанавливаете как атрибуты:

1. text-текст: текст, который вы хотите отобразить на кнопке.
2. model: значение модели для ввода.
3. initial-val: Начальное значение для ввода, если вы не хотите инициализировать свой контроллер.
4. direction: Увеличивать или уменьшать значения. В настоящее время он принимает строку "декремент" для вычитания. Если у вас нет заданного направления или любого другого значения, установленного в атрибуте, оно будет увеличиваться.

Итак, вы бы использовали его так:

<unary-input button-text="Subtract One" model="user.val" direction="decrement" initial-val="10"></unary-input>

И сама директива выглядит так:

.directive('unaryInput', function(){
  return {
    restrict: 'EA',
    scope: {
      model: "=",
      txt: '@buttonText'
    },
    template: '<input type="text" ng-model="model" /><button>{{txt}}</button>',
    link: function(scope, element, attrs) {
        if(angular.isDefined(attrs.initialVal)) {
          scope.model = attrs.initialVal;
        }

        element.on('click', function() {
          if (attrs.direction === 'decrement') {
            scope.$apply(scope.model--);
          } else {
            scope.$apply(scope.model++);
          }
        });

      }
  };
});