javascript - 是否有一种解决方法可以将对象直接获取到指令范围？

Question

在我的指令中，我从元素 attr (ng-repeat) 获取属性并使用 directive 内部范围，如下所示:

 <program-name name="{{appName.title}}" percent="{{appName.percent}}" company="{{appName.company}}" data-page="Home" index="{{$index}}" ng-repeat="appName in appNames"></program-name>

在指令中:

scope: {
    name: '@',
    index: '@',
    percent: '@',
    company: '@'
},

工作正常。但是如果我需要从对象中获取我的所有属性，这只是一种方法吗？假设我的 appName 对象中有 20 个属性，那么是否需要像这样传递所有 20 个属性？

有没有办法直接从元素到作用域将所有这些属性作为对象获取？

如果可以，该怎么做？

这里是 fiddle

Answer 1

你可以只给你的指令 appName 对象

JS

scope: {
         appName: '='
       },

HTML

<program-name app-name="appName" ng-repeat="appName in appNames"></program-name>