angularjs - 将属性作为对象属性获取到指令 AngularJs 中

Question

我为我的应用程序编写通用 slider 指令，我需要指定，例如 HTML 代码中的控制按钮，如下所示:

<div class="slide-wrapper" data-sample-values="{prevbtn: '.previous', nextbtn: '.next'}"></div>

例如，我如何将此值作为对象属性放入指令中？

或者也许还有另一种方法来执行可重新使用的指令？我如何将该元素与父范围隔离？

Answer 1

myApp.directive('slideWrapper', function() {
   return {
      restrict: 'C',
      scope: { getValues: '&sampleValues' },  // creates an isolate scope
      link:  function(scope, element, attrs) {
         var values = scope.getValues();  // evaluates expression in context of parent scope
         ...
      } 
   }
})