Estou tentando fazer uma diretiva simples no angularJS para exemplo.
Trata-se de um botão que recebe o nome da classe e o texto, da seguinte forma:
var app = angular.module('app', [])
.controller('appController', ['$scope', function($scope) {
$scope.alertar = function() {
alert('alertando');
}
}])
.directive('botao', function() {
return {
restrict: 'E',
templateUrl: 'js/diretivas/botao.html',
scope: {
classe: '=',
texto: '='
}
};
});
Dentro de botao.html, tenho:
<button class="{{ classe }}">{{ texto }}</button>
Chamo a diretiva em index.html da seguinte forma:
<botao classe="btn" texto="Teste"></botao>
O que estou fazendo de errado? O botão aparece, mas sem a classe e sem o texto.