ng-bind произошло после моей директивы, поэтому у меня нет значения

Изменить 2

Другой вариант - использовать ng-class или ng-style для изменения цвета текста. Тогда вам вообще не нужно создавать новую директиву.

Исходный ответ

Я бы вообще не зависел от директивы ng-bind ... На мой взгляд, это намного чище.

<div ng-bind="someModel" my-directive="someModel"></div>

А затем определите свою директиву как ...

angular.module('myApp').directive('myDirective', function() { 
    return {
        link: function(scope, element, attrs) {
            scope.$watch(attrs.myDirective, function(newValue, oldValue) {
              // Your Code here...
            });           
        }
    };      
});

Таким образом, вы можете использовать свою директиву, даже если у вас нет ng-bind в элементе (например, если вместо этого вы используете фигурные скобки).

<div my-directive="someModel">{{someModel}}</div>

В качестве альтернативы вы можете использовать attrs.$observe(...) (документацию). из scope.$watch(...).

<div ng-bind="someModel" my-directive="{{someModel}}"></div>

а также

angular.module('myApp').directive('myDirective', function() { 
    return {
        link: function(scope, element, attrs) {
            attrs.$observe('myDirective', function(interpolatedValue) {
              // Your Code here...
            });           
        }
    };      
});

Дополнительную информацию о различиях между scope.$watch(...) и attrs.$observe() можно найти здесь.

Изменить

Учитывая, что ваша директива в основном изменяет DOM после директивы ng-bind, почему бы не пропустить ng-bind все вместе?

<div my-directive="{{someModel}}"></div>

а также

angular.module('myApp').directive('myDirective', function() { 
    return {
        link: function(scope, element, attrs) {
            attrs.$observe('myDirective', function(interpolatedValue) {
              if (interpolatedValue) {
                // Modify interpolatedValue if necessary...
              }
              element.text(interpolatedValue == undefined ? '' : interpolatedValue);
            });           
        }
    };      
});

Ваша директива может быть запущена до того, как ngBind привязал ее значение - и ваша директива, и ngBind имеют приоритет 0, поэтому любой из них может работать первым, подробнее об этом чуть позже, но давайте посмотрим на ngBind исходный код, чтобы увидеть корень проблемы:

var ngBindDirective = ngDirective(function(scope, element, attr) {
  element.addClass('ng-binding').data('$binding', attr.ngBind);

  scope.$watch(attr.ngBind, function ngBindWatchAction(value) {
    element.text(value == undefined ? '' : value);
  });

});

Мы видим, что ngBind не обновляет сразу DOM, а скорее отслеживает атрибут ngBind. Таким образом, элемент не будет обновлен до тех пор, пока эти часы не будут запущены в следующем $digest цикле (поэтому $timeout работает).

Итак, один из вариантов - имитировать ngBind и поместить свои собственные часы в его атрибут - тогда вы будете обновляться всякий раз, когда ngBind результат изменится:

angular.module('myApp').directive('myDirective', function() { 
    return {
        priority: 1,
        link: function(scope,element,attrs) {
            scope.$watch(attrs.ngBind, function(newvalue) {
              console.log("element ",element.text());
            });           
        }
    };      
});

Вы заметите, что я установил приоритет на 1. Вы должны быть уверены, что часы этой директивы помещены после ngBind watch в очередь просмотра. Это гарантирует, что элемент был обновлен сначала ngBind.

По умолчанию функция ссылки директивы запускает пост-ссылку, поэтому $compile docs:

Директивы с большим числовым приоритетом составляются первыми. Функции перед связыванием также выполняются в порядке приоритета, но функции после связывания выполняются в обратном порядке.

Следовательно, поскольку ngBind имеет приоритет 0, все, что больше 0, гарантирует, что часы вашей директивы появятся после просмотра ngBind ..

демонстрационная скрипка

Вы можете использовать scope. $ Watch в функции ссылки и следить за изменениями модели. Каждый раз, когда значение изменяется, ng-bind будет срабатывать, и ваша директива также будет запущена, независимо от директивы bg-bind и зависит только от самой модели.

Извините, я не могу предоставить вам образец кода на планшете, отвечая на ваш вопрос.