html5里的repeat,带ng-repeat的html5标签

尝试使用angularjs创建指令时将draggable="true"转换为标签。 ng-repeat似乎不允许它渲染？带ng-repeat的html5标签

angular.module("dragApp", [])

.controller "DragCtrl", ($scope)->

$scope.teamMembers =[

{

name: "Moe",

pic: "https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xpf1/v/t1.0-9/10325183_10152504984116189_3762377112286239452_n.jpg?oh=64e01b1da81432362dcab98cecb0c01c&oe=54C902AC&__gda__=1421608147_ded25febd4716ec3b3d9593aacb505cb"

}

{

name: "Jack",

pic: "https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-xfp1/v/t1.0-9/1977155_10152328488946189_414460480_n.jpg?oh=f3f5772957ec826711f5e4de544b4920&oe=5483B18B&__gda__=1421730769_cde9a341e521dae06b84ce6f65f88803"

}

{

name: "Joe",

pic: "https://fbcdn-sphotos-e-a.akamaihd.net/hphotos-ak-ash2/t31.0-8/921299_10152077464151189_214902483_o.jpg"

}

]

.directive "dragObject",()->

return {

restrict: "E",

scope: {

member: "&"

},

link: (scope, element, attrs)->

element.attr("draggable", "true")

attrs.draggable = "true"

element.bind "dragstart", (event)->

if event.preventDefault() then event.preventDefault()

event.dataTransfer.setData("teamMember", scope.member.name)

console.log attrs

# console.log element.attr("draggable")

# attrs.$observe "draggable", (event, event2)->

# console.log event

}

.directive "dragTarget",()->

return {

restrict: "EA",

link: (scope, element, attrs) ->

element.bind "dragenter", (event)->

console.log event

event.preventDefault()

element.bind "drop", (event)->

console.log event

teamMember = event.dataTransfer.getData("teamMember")

console.log teamMember

}

HTML：

Drag me

{{member.name}}

Drag me