angularjs - 動的ディレクティブに ng-model を追加する

Question

このコードを使用して、ng-repeat で動的ディレクティブを作成しようとしています。

app.directive('element', function($compile) {
     return {
       restrict: 'E',
        link : function (scope,element,attr)
        {
            attr.$observe('type', function (val) {
                scope.type = val;
              });

              attr.$observe('value', function (val) {
                scope.value = val;
              });

               attr.$observe('name', function (val) {
                scope.name = val;
              });

              scope.$watch(function()
              {

                formFieldTemplate= $('<a>').attr('m',scope.name).attr('class',scope.type).attr('value',scope.value); 
                $compile(formFieldTemplate)(scope); 
                $(element).replaceWith(formFieldTemplate);

              })

        }
    }
    });

supa.directive('Textbox', function($compile) {
    return {
        restrict: 'C',
        link : function (scope,element,attr)
        {
                    formFieldTemplate= $('<input>').attr('type','text').attr("ng-model","mm."+attr.m); 
                    $compile(formFieldTemplate)(scope); 
                    var formListElement = $(element);
                    formListElement.replaceWith(formFieldTemplate);
        }
    }
})

このコードはフィールドを右に表示します。しかし、テキスト ボックス ディレクティブに ng-model を配置すると、エラーが発生 Error: 10 $digest() iterations reached. Aborting! します。テキスト ng-model を削除すると、すべて正常に動作します。要素タグをラップしている ng-repeat は、使用するディレクティブを返します。textbox、textarea、checkbok などのディレクティブがあります。