angularjs - ng-select is not working along with a custom directive -

i have created plunker in order emphasize problem: http://plnkr.co/edit/qhupcv?p=preview

if remove custom attribute, or move ng-select out of it, companies listed should, in case use ng select or within custom attribute directive have created breaks.

i suspect kind of $watch required there inside of scope menuctrl, have no idea whatsoever how implement it.

as far can tell, problem generating new scope directive, quick fix forbid via:

// [...] restrict: "a", scope: false, link: //.. 

i made plunkr here illustrate.

if want way , prefer own scope directive, can pass in values select, i.e.

<div restrict companies="companies" access="admin"> 

and read in in scopeof directive:

restrict: 'a', prioriry: 100000, scope: {   companies: '=' }, 

of course, use companies directly select:

<select ng-model="data.selectedcompany" ng-options="company (id, company) in companies">