Ich habe dieses einfache Szenario:

Eingabeelement, dessen Wert durch die Methode val () von jQuery geändert wird.

Ich versuche, das Winkelmodell mit dem von jQuery festgelegten Wert zu aktualisieren. Ich habe versucht, eine einfache Anweisung zu schreiben, aber sie macht nicht das, was ich will.

Hier ist die Richtlinie:

var myApp = angular.module('myApp', []);
myApp.directive('testChange', function() {
    return function(scope, element, attrs) {        
        element.bind('change', function() {
            console.log('value changed');
        })
    }
})

Dies ist der jQuery-Teil:

$(function(){
    $('button').click(function(){
        $('input').val('xxx');
    })
})

und html:

<div ng-app="myApp">
    <div ng-controller="MyCtrl">
        <input test-change ng-model="foo" />
        <span>{{foo}}</span>
    </div>
</div>

<button>clickme</button>

Hier ist die Geige bei meinem Versuch:
http://jsfiddle.net/U3pVM/743/

Kann mich bitte jemand in die richtige Richtung weisen?