Как смотреть директиву директивы ng-model

Как упомянул @shaunhusain, вы должны использовать ngModelController для взаимодействия с ngModel. В ngModelController вы можете настроить наблюдение за $modelValue и изменить значение в модели, вызвав $setViewValue. Помните, что для использования ngModelController вам нужно добавить require: "ngModel" к вашему объекту определения директивы.

Когда вы получаете значение из-за пределов angular (например, из вашей базы данных) и, в свою очередь, хотите использовать это значение для изменения значения модели, вам нужно обернуть этот код в scope.$apply()

app.directive('thisDirective', function($compile, $timeout, $log) {

    return {
        scope: false,
        require: 'ngModel',

        link: function(scope, element, attrs, ngModel) {
            ...

            scope.$watch(
                function(){
                    return ngModel.$modelValue;
                }, function(newValue, oldValue){
                    $log.info('in *thisDirective* model value changed...', newValue, oldValue);
                }, true);

        }, // end link
    } // end return

});

app.directive('childDirective', function($compile, $timeout, $log) {
    return {
        scope: {
            ngModel: '='
        },
        require: 'ngModel',

        link: function(scope, element, attrs, ngModel) {
            ...

            scope.$watch(
                function(){
                    return ngModel.$modelValue;
                }, function(newValue, oldValue){
                    $log.info('in *childDirective* model value changed...', newValue, oldValue);
                }, true);

            // make believe change by server
            setTimeout(function() {
                scope.$apply(function() {
                    ngModel.$setViewValue('set from the server...');
                };
            },5000);


        },

    } // end return
});

соответствующий jsfiddle http://jsfiddle.net/CnDKN/2/

НО Я не думаю, что это неправильное использование $setViewValue. Согласно документам, это должно использоваться для обновления значения, отображаемого в пользовательском интерфейсе, а не обязательно значения модели.

На самом деле есть еще один способ сделать эту работу, который, как мне кажется, более прост и удобен в использовании. Просто используйте =attr для настройки двунаправленной привязки свойства, которое вы хотите использовать как в thisDirective, так и в childDirective. И затем вы можете просто настроить атрибут ng-model в своей директиве, и когда вы впервые используете его, вам даже не нужно знать, что он использует ng-model внизу.

Вот код, который показывает, что я имею в виду:

app.directive('thisDirective', function($compile, $timeout, $log) {

    return {
        scope: {
            thisval: '='
        },

        link: function(scope, element, attrs) {

            var htmlText = '<input type="text" ng-model="thisval" />' +
                           '<div child-directive childval="thisval"></div>';

            $compile(htmlText)(scope, function(_element, _scope) {
                element.replaceWith(_element);                
            });

            scope.$watch('thisval',function(newVal,oldVal){
                $log.info('in *thisDirective* thisval changed...',
                          newVal, oldVal);
            });


        }, // end link
    } // end return

});

app.directive('childDirective', function($compile, $timeout, $log) {
    return {
        scope: {
            childval: '='
        },

        link: function(scope, element, attrs) {
            var htmlText = '<input type="text" ng-model="childval" />';

            $compile(htmlText)(scope, function(_element, _scope) {
                element.replaceWith(_element);                
            });

            scope.$watch('childval',function(newVal,oldVal){
                $log.info('in *childDirective* childval changed...',
                          newVal, oldVal);
            });

            // make believe change that gets called outside of angular
            setTimeout(function() {
                // need to wrap the setting of values in the scope 
                // inside of an $apply so that a digest cycle will be 
                // started and have all of the watches on the value called
                scope.$apply(function(){
                    scope.childval = "set outside of angular...";
                });
            },5000);

        },

    } // end return
});

Обновленный пример jsfiddle: http://jsfiddle.net/CnDKN/3/