Come evitare direttive con transclude per creare nuovi ambiti?Direttiva angularJS transclude scope = false?
Questo jsfiddle Non riesco a legare nulla a causa dei nuovi ambiti illustrati con bordi rossi.
Html:
<div ng-app="components">
<input ng-model="var">
<block>
123
<input ng-model="var">
</block>
</div>
JavaScript:
angular.module('components', []).directive('block',function(){
return{
scope:false,
replace:true,
restrict:"E",
transclude:true,
template:'<div class="block" ng-transclude></div>',
link:function(scope, el, attrs, ctrl){
}
}
});
CSS:
.ng-scope{
border:1px solid red;
margin:10px;
}
Grazie. Ho fatto un esempio più semplice [jsfiddle] (http://jsfiddle.net/RHLzK/5/). Ma è un bug o è una funzionalità? – Jossi
È normale comportamento per gli ambiti figlio (vengono ereditati dal prototipo dall'ambito padre, il che significa che è possibile leggere dall'ambito padre, ma non appena si scrive, è sull'ambito figlio, a meno che non si usi l'obiettivo sull'ambito genitore workaroud), potresti forse dare un'occhiata al codice sorgente della direttiva ng-transclude, copiarlo e crearne uno con un ambito: opzione falsa. – Guillaume86
I problemi si presentano di nuovo se comincio a usare transclude set come 'elemento'. Qualcuno ha qualche idea del perché non funziona ora. Demo: http://plnkr.co/edit/Bv1kFQtzdVzsasHTUrgf?p=preview –