Tutorial #14 del curso de Angular js, en este tutorial seguimos viendo las directivas y nos toca crear nuestras propias directivas personalizadas estas pueden tener uno o más atributo valor.
<!DOCTYPE html> <html ng-app="directivas"> <head> <meta charset="utf-8"> <title>Directivas personalizadas</title> <script type="text/javascript" src="angular.min.js"></script> </head> <body> <p usuario nombre="Saul" apellido="Porroa"></p> <usuario nombre="Juan" apellido="Gonsalez"></usuario> <p class="usuario" nombre="Pedro"></p> <script type="text/javascript"> var directivaApp = angular.module('directivas', []); directivaApp.directive('usuario',function(){ var valoresInternos = {}; valoresInternos.restrict = 'C'; valoresInternos.scope = { nombreUsuario:'@nombre', apellidoUsuario:'@apellido' } valoresInternos.template = "Bienvenido {{nombreUsuario}} {{apellidoUsuario}}"; return valoresInternos; }); </script> </body> </html>