AngularJS: строка ввода в директиве от контроллера

Question

Есть ли способ вставить в шаблон директивы угловую переменную в виде строки? например {{row.name}}, так что угловой не интерпретирует его на странице только в директиве. что-то вроде этого:

шаблон директивы:

<div> 
    <div ng-transclude ng-repeat="row in data"> 
    </div> 
</div> 

Прецедент: Я посылаю к директиве от контроллера массива данных. person.name = "John", person.name = "Mike". В этом случае моя страница будет выглядеть следующим образом:

.... 
<div my-directive> 
    Name: {{row.name}} 
</div> 

С другой контроллер я отправить данные: car.weight = 13, car.weight = 44 Для этого случая моя страница будет выглядеть следующим образом:

.... 
<div my-directive> 
    Weight: {{row.weight}} 
</div> 

результат будет выглядеть так: Имя: Имя: или Вес: Вес:

Это потому, что {{row}} не определено

Возможно ли это, или я все понимаю неправильно, и есть другой способ?

Answer 1

Вам необходимо добавить row к области трансклюзии. Это связано с тем, что область действия директивы ng-transclude не наследуется от области my-directive, но из внешней (страницы) области.

Один из способов сделать это, чтобы создать специальную директиву включение:

module.directive('myDirectiveTransclude', function() { 
    return { 
    link: function($scope, elem, attrs, ctrl, $transclude) { 
     $transclude(function(dom, transclusionScope) { 
     transclusionScope.row = $scope.row; 
     return elem.append(dom); 
     }); 
    } 
    }; 
}); 

Затем замените ng-transclude с ним:

<div> 
    <div my-directive-transclude ng-repeat="row in data"> 
    </div> 
</div>