Селектор Dynami c (подстановочный знак) для директивы AngularJS

Question

Можно ли создать директиву типа ng-prop- *, ​​в которой аналогичным образом используется шаблон? например

<div bind-label="$ctrl.title"></div>

Где метка будет метаданными для передачи в нее и может быть чем угодно.

Answer 1

Вы все равно должны были бы определить ваши директивы 'dynamici c'

.directive('bindFoo', function() {})
.directive('bindBar', function() {})

Чем определять директиву контейнера, в которую вы добавили бы эти динамические c директивы на основе параметра с помощью $compile service.

.directive('containerDirective', function($compile) {
        return {
          restrict: 'AE',
          link: function (scope, elem, attrs, ctrl) {
            var param = 'bar';
            var tpl = '<div bind-' + param + '></div>';

            elem.html($compile(tpl)(scope));
          }

        }  
      })

Как вы получите var param значение в директиве, полностью зависит от вас.