angularjs - ディレクティブAngularJsにオブジェクトプロパティとして属性を取得します

Question

私はアプリのユニバーサル スライダー ディレクティブを作成しています。たとえば、次のような 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
         ...
      } 
   }
})

Answer 2

次のようにします。
scope.$watch(function () { return scope.$eval(attrs.sampleValues); }, function (newValue) {...});