Estou tentando usar a opção restrict
com o valor 'M'
(para o angular trabalhar através de comentários) para criar uma diretiva. Porém o comentário não está incorporando o valor que eu estou adicionando em template
.
Veja:
angular.module('example', [])
.directive('stackoverflow', function () {
return {
restrict: 'M',
template: '<div>my name is wallace</div>'
};
});
<div ng-app="example">
<!-- directive: stackoverflow -->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
Se eu fizer com a A
ou E
(para ler atributos ou elementos, respectivamente), funciona perfeitamente:
angular.module('example', [])
.directive('stackoverflow', function () {
return {
restrict: 'AE',
template: '<div>my name is wallace</div>'
};
});
<div ng-app="example">
<div stackoverflow></div>
<stackoverflow></stackoverflow>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
Por que a diretiva com restrição M
não funcionou no primeiro exemplo?