将数组通过属性传递给AngularJS指令
我目前有一个问题时,通过该指令的属性传递一个指令的指令。 我可以读取它作为一个string,但我需要它作为一个数组,所以这是我想出来,但它不工作。 帮助任何人? 提前
使用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']" ... >
如果你正在从你的作用域访问这个数组,你可以传递variables的名字:
在AngularJS中将数组绑定到指令variables
指示:
scope:{ title: "@", author: "@", content: "@", cover: "@", date: "@", tags: "=" },
模板:
<post title="sample title" tags="arrayName" ... >
你也可以使用$ scope而不是attrs。 那么你会得到数组对象,否则你会得到一个string。
scope:{ title: "@", author: "@", content: "@", cover: "@", date: "@", tags: "=" }, link: function(scope, element, attrs){ scope.tags = scope.tags }