JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app="app">
<foo ng-model="prop"></foo>
<h1>{{ prop }}</h1>
</div>
JavaScript
angular.module('app', []).directive('foo', function() {
return {
restrict: 'E',
scope: { model: '=ngModel' },
controller: function($scope, $timeout) {
$scope.$watch('model', function(v) {
console.log(v);
});
var f = function() {
$scope.model = new Date().getTime()
$timeout(f, 1000);
}
f();
}
};
});