3

我对如何将函数（委托）传递给 AngularJS 中的指令并在链接函数中使用它感到有些困惑。也许我完全离开了，所以任何关于你如何做的指示都非常感谢。

我有以下控制器

        myApp.controller("QuestionCtrl", function($scope, $http) {

           $scope.filter = function(query) {
            console.log("filter filter", query);
           };

           $scope.replace = function(query, key) {
            console.log('replace replace');
           };
        }

这是标记

<a class="Add Button" href="#" onsearch="filter(query)" onreplace="replace(hello, world)" showpane="#AddQuestionPane"><span>Ny fråga</span></a>

如您所见，我有 2 个属性指向我想在指令中使用的范围内的函数。

myApp.directive("searchreplace", function() {

        return {
            restrict: 'A',
            scope: {
                onsearch: "&",
                onreplace: "&"
            },
            link: function(scope, element, attrs) {
                element.bind("dblclick", function() {
                    scope.editMode = !scope.editMode;

                    if (scope.editMode) {
                        var replaceBox = angular.element('<input type="text" class="Search" placeholder="Ersätt" />');
                        replaceBox.keyup(function() {
                            //How do I call onsearch? Yes it is the wrong method, just a test
                            scope.onsearch({ query: replaceBox.val() });
                        });
                        element.after(replaceBox);
                    } else {
                        element.siblings(".Search").remove();
                    }
                });
            }
        };
    });

我一生都无法弄清楚如何在作用域上调用该方法。我想在标记中指定它。那可能吗？

有没有更好的解决方案可以使用？

4

1 回答 1

3

如您所见，我将 onsearch 和 onreplace 方法放在错误的元素上，当然它不起作用。真傻！在我将属性移动到正确的元素（上面带有 searchreplace 的那个）之后，一切正常。

于 2013-05-23T08:15:42.440 回答