Javascript D3和angularjs单选按钮集成

我想在我的this

的图例中添加几个单选按钮，如下所示http://jsfiddle.net/nikunj2512/phsdeq4v/

D3图表。因此，当我点击任何单选按钮时，它应该调用控制器中定义的函数来获取数据，然后更新图表

此外，这个日期应该可以自定义，这样我可以在调用d3Chart指令时传递类似于

config

的消息，并且根据我的配置，代码应该添加适当数量的单选按钮

我的问题：

1） 获取单击单选按钮的值并传递所选单选按钮的值&调用控制器中的相应函数

任何人都知道如何实现这一点吗？

请查看此链接

U可以使用指令轻松地与angulerjs集成。请检查下面的例子

angular.module('test').directive('icheck', ['$timeout', '$parse',function($timeout, $parse) {
return {
    require: 'ngModel',
    link: function($scope, element, $attrs, ngModel) {
        return $timeout(function() {
            var value = $attrs['value'];
            $scope.$watch($attrs['ngModel'], function(newValue){
                $(element).iCheck('update');
            })

            $scope.$watch($attrs['ngDisabled'], function(newValue) {
                $(element).iCheck(newValue ? 'disable':'enable');
                $(element).iCheck('update');
            })

            return $(element).iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green'
            }).on('ifChanged', function(event) {
                if ($(element).attr('type') === 'checkbox' && $attrs['ngModel']) {
                    $scope.$apply(function() {
                        return ngModel.$setViewValue(event.target.checked);
                    });
                }
                if ($(element).attr('type') === 'radio' && $attrs['ngModel']) {
                    return $scope.$apply(function() {
                        return ngModel.$setViewValue(value);
                    });
                }
            });
        });
    }
};

}]))

并在UI中使用它，如

<input type="checkbox" icheck name="Check" ng-model="checkConfig" ng-change="updateMode()"/> 

为单选按钮添加新指令并不能解决我的问题。我补充了一些细节，请看一看。谢谢。我认为，您可以通过在任何单选按钮上使用简单的ngmodel指令来实现这一点。签出引用。只需研究一下。@katmanco:我尝试过如何将控制器中定义的函数绑定到指令中的函数？朋友，您好，我刚刚创建了一个plnkr，让您检查如何将函数绑定到操纵主作用域元素的指令。这可能会对您有所帮助。