var app = angular.module("app",[]); app.directive("color", function() { return { restrict: 'E', template: '<input type="text" ng-model="hex"/> {{hex}}' } });
<div ng-app="app"> Renk-1 <color></color> <br/> Renk-2 <color></color> <br/> Renk-3 <color></color> <br/> </div>