Contamos con la solución a esta incógnita, al menos eso esperamos. Si presentas preguntas puedes escribirlo en el apartado de preguntas y sin dudas
Solución:
El nombre de su directiva puede estar equivocado. Las directivas angulares suelen estar enmarcadas en camello. Y cuando en el HTML se escriben con guión. asi que ngClass se convierte en ng-class en el HTML.
Al menos cuando he intentado usar - u otros personajes en mis directivas no ha funcionado.
Echa un vistazo a esta publicación del Grupo de Google para ver si tiene alguna validez: usando el guión en la directiva
También aquí están los documentos: Directivas – directivas coincidentes
También querrá hacer el cambio que se sugirió en los comentarios de JoshSGman:
.directive('d3Bars',['$window', 'd3Service', function($window, d3Service) {
el nombre de su directiva es el problema. Angular normaliza los nombres de las directivas en el html antes de que coincidan con los nombres en JavaScript. El proceso de normalización funciona en dos pasos:
- Quite x- y data- del frente del elemento/attributes.
- Convierta el nombre delimitado por dos puntos, guiones o guiones bajos en camelCase.
Entonces, el nombre correcto para su directiva en JavaScript sería d3Bars. Cámbielo a eso y debería funcionar.
Consulte https://docs.angularjs.org/guide/directive#matching-directives para obtener más información.
Comentarios y valoraciones del tutorial
No se te olvide recomendar este tutorial si te fue útil.