Przekazywanie macierzy za pośrednictwem atrybutu do dyrektywy AngularJS

Question

Mam obecnie problem podczas przekazywania tablicy do dyrektywy poprzez atrybut tej dyrektywy. Mogę go odczytać jako ciąg, ale potrzebuję go jako tablicy, więc to jest to, co wymyśliłem, ale to nie działa. Pomóc komuś? thks wyprzedzeniem

Javascript ::

app.directive('post', function($parse){ 
    return { 
     restrict: "E", 
     scope:{ 
      title: "@", 
      author: "@", 
      content: "@", 
      cover: "@", 
      date: "@" 
     }, 
     templateUrl: 'components/postComponent.html', 
     link: function(scope, element, attrs){ 
      scope.tags = $parse(attrs.tags) 
     } 
    } 
} 

HTML ::

<post title="sample title" tags="['HTML5', 'AngularJS', 'Javascript']" ... > 

Answer 1

Jeśli masz dostępu do tej tablicy ze swojego zakresu, tj załadowanego sterownika, wystarczy podać nazwę zmiennej:

Binding array to directive variable in AngularJS

Dyrektywa:

scope:{ 
     title: "@", 
     author: "@", 
     content: "@", 
     cover: "@", 
     date: "@", 
     tags: "=" 
    }, 

Szablon:

<post title="sample title" tags="arrayName" ... > 

Answer 2

można również użyć $ zakres zamiast attrs. wtedy otrzymasz obiekt tablicy, w przeciwnym razie otrzymasz ciąg znaków.

 scope:{ 
      title: "@", 
      author: "@", 
      content: "@", 
      cover: "@", 
      date: "@", 
      tags: "=" 
     }, 


link: function(scope, element, attrs){ 
      scope.tags = scope.tags 
     }