Widgets: scope problem

controller.js

function OrganizationManagementCreateCtrl($route,$location)
{
    var self = this;
    
    this.$route = $route;
    
    this.test123 = 'XXX';
    
    this.formtemplate = 'partial_form.html';
    
    this.submit = function(){
          alert(this.form.name);
    }
}
OrganizationManagementCreateCtrl.$inject = ['$route','$location'];

partial_form.html

<!-- does not work: -->
<my:input name="name" label="Name" ns="form"></my:input>

<!-- does work: -->
<!-- <input type="text" name="form.name" /> -->

<!-- is inserted: -->
{{test123}}

<button ng:click="submit()">Erstellen</button>   
<button ng:click="cancel()">Abbrechen</button>

partial_organization.html

<div ng:controller="OrganizationManagementCreateCtrl">
    {{test123}}

    <ng:include src="formtemplate"></ng:include>

    <p><a href="#/organizationManagement/">&raquo; Zurück</a></p>
</div>

widgets.js

angular.widget('my:input', function(element) {    
    this.descend(true);//2DO: does child processing?
    
    var name = element.attr('name');
    var label = element.attr('label') || name;
    var ns = element.attr('ns') || 'form'; //the namespace to use
    
    element.append('<div class="form_field">'+
        '<label for="'+ns+'.'+name+'">'+label+':</label>'+
        '<input type="text" name="'+ns+'.'+name+'" />'+
        '<span class="form_error" ng:show="'+ns+'.errors.'+name+'">{{'+ns+'.errors.'+name+'}}</span>'+
        '</div>'
        );
});