Übergabe Array über Attribut an AngularJS Direktive

Question

Ich habe derzeit ein Problem, wenn ein Array über ein Attribut dieser Direktive an eine Direktive übergeben. Ich kann es als String lesen, aber ich brauche es als Array, also ist das, was ich gefunden habe, aber es funktioniert nicht. Helfen Sie jemandem? thks im Voraus

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

Wenn Sie das Array von Ihrem Umfang zugreifst, dh in einem Controller geladen, können Sie nur den Namen übergeben der variablen:

Binding array to directive variable in AngularJS

Richtlinie:

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

Vorlage:

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

Answer 2

Sie können auch $ Umfang statt attrs zu verwenden. Dann erhalten Sie Array-Objekt, sonst erhalten Sie eine Zeichenfolge.

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


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