Duda de concepto directivas AngularJS

Saludos a todos, es mi primer mensaje :rolleyes:

Aunque ciertamente no soy tan nuevo, pues sigo el foro cuanto puedo a modo lammer sobre todo como podreís observar,y puedo dar fé y lo hago de que sois todos muy majos y el contenido aquí no podía ser mejor, la verdad. De echo querría aportar mas pero con la de máquinas que hay por aquí la opción de leeros me parece bastante mejor. Aun así aprovecho y gracias a todos los que aportais que de verdad es un esfuerzo ;-)

Dicho eso, y para no ser menos cuando me decido a escribir vengo con una duda, como buen lammer, una duda existencial acerca de las directivas en Angular JS a la hora de crearlas.

Todavía estoy muy verde al respecto, considero, pero ahí andamos dándole caña.

Os explico un poco estuve 'juegando' con algunos ejemplos y no se si puede ser algún error de concepto a la hora de entenderlo porque reviso manuales y tal parece que lo entiendo pero luego me cuesta bastante dar con los errores en las funciones y objetos mas simples y me atasco a menudo. Me gustaría aparte de que seguiré leyendo documentación y currando saber un poco si alguien por aquí que lo lleve al día o lo utilice en el ámbito profesional si puede darme consejos mas prácticos y tal o un poco su visión general del método por ver si empiezo a aproximarme mas o entiendo otros puntos de vista, los conceptos clave, tips y eso.

Concrétamente como os comentaba me he decidido a escribiros porque no he logrado rular una directiva que he pillado por la web a modo de ejemplo y que creo que es bastante simple aquí os dejo el body. Tengo por CDNs para angular la versión mas nueva aunque he probado con alguna anterior tambien y nada. Lo mismo Jquery.

Código

<body ng-app="myApp">
	<cosa>
	<ul>
<li ng-repeat="user in users">
<p>{{user.nombre}} {{user.profesion}} {{user.edad}}</p>
</li>
</ul>
</cosa>
	<script>
	var myApp = angular.module('myApp', []);
	/* http para json */
myApp.directive('cosa', function ($http)
{
return {
restrict: 'E',
templateUrl: 'angularJS_directivas_02.html',
link: function (scope)
{
//obtenemos la información del archivo data.json
$http.get('data.json').success(function (data)
{
//pasamos los datos a la vista con scope
scope.users = data;
});
}
};
});
 
</script>
</body>

La idea es que saca la tabla de un json externo mediante una directiva. Se me queda en algún bucle y con el debugger del chrome las veces que he podido entrar no salía nada. Quizá sea alguna chorrada pero para echarnos las risas estamos

Un saludo y muchas gracias de antemano!