javascript - angularjsテンプレートng-changeが呼び出されていません

Question

ディレクティブの値に応じて適切なテンプレートをレンダリングするディレクティブがあります。フォーム パーツをレンダリングします。それらを集めて、変化があれば評価したいと思います。

ディレクティブなしで ng-change を使用すると、すべてが正常に機能しているように見えますが、テンプレートが呼び出され、ng-change がテンプレート内にある場合はそうではありません。

ディレクティブは、次のようには見えません。

myApp.directive('render', function () {
    return function (scope, element, attrs) {
        return attrs.$observe('parameters', function (value) {
            var attributes, options, renderValue;
            attributes = scope.$eval("{" + attrs.parameters + "}");
            renderValue = attrs.render;
            if (renderValue === "input") {
                return {
                    restrict: 'E',
                    replace: true,
                    template: element.html('<label for="' + element.text() + '">' + element.text() + ' </label><input name="' + element.text() + '" type=' + attributes.type + ' class="large-12 columns" ng-model="' + element.text() + '" ng-change="change()">')
                };
            }
        })
    }

});

選択、ラジオなどをレンダリングする場合は、もう少し他にもあります。しかし、考え方は同じです。

これが私の問題を示すjsfiddleです。

私はそれについて何か助けていただければ幸いです。

編集

jsfiddle の間違った貼り付けが修正されました。