Form Validation and fields added with $compile

Question

I have a question regarding form validation. It is not working for me in the following scenario:

I have a global form, inside the form dynamic fields are rendered us

Answer 1

I found solution for this issue, in this Q & A: AngularJS: Error: No controller: form. The trick is:

1. firstly do append element
2. next do compile

Here is the changed code snippet:

directive = '
'+directive+'
';
// Do Not compile the element NOT beeing part of the DOM
//$(element).append($compile(directive)(scope));

// Firstly include in the DOM, then compile
var result = $(directive).appendTo(element);
$compile(result)(scope);

Here is working jsfiddle