我为我的应用程序编写通用滑块指令,我需要指定例如HTML代码中的控制按钮,如下所示:
<div class="slide-wrapper" data-sample-values="{prevbtn: '.previous', nextbtn: '.next'}"></div>
如何将此值作为对象属性获取到指令中?
或许还有另一种方法来做可恢复指令?我如何将这些元素与父范围隔离开来?
答案 0 :(得分:6)
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
...
}
}
})
答案 1 :(得分:0)
做这样的事情:
scope.$watch(function () {
return scope.$eval(attrs.sampleValues);
}, function (newValue) {...});