如何通过回调

时间:2016-02-24 13:54:25

标签: javascript jquery angularjs ajax

我有一个架构问题,我找不到面向角度的解决方案。我的应用程序有几个通过模态交互的对象。

例如:

我可以通过颜色管理功能创建一种新颜色。我的创作通过模态工作,在这种情况下,模态将刷新其背后的颜色列表。

但是当我创建一个新产品时,我也可以通过这个SAME模式创建颜色。在这种情况下,模态将刷新我的产品屏幕。

使用url并使用ajax我可以在html中附加此模态,并使用我的系统在任何地方提供的任何模态。

我希望为每种调用者提供不同的回调,如果可能的话,通过角度调用者范围的摘要周期。但我想让我的模态独立于调用者。

注意:我不知道我的功能在加载时需要的模态,我只是在用户与链接交互时知道它。

我可以用角度做这样的事情吗?

这里有一些例子:

$(function() {
    $('.js-content-link').click(function() {
        //here normally is a ajax request with parameters
        var url = $(this).data('file');
        $.get(url, function(data) {
            $('#main-content').html(data);
            $('.js-modal-link').click(onClickModalLink);
        });
    });

    var loadModal = function(html) {
        $('#modal-content').html(html);
        $('.js-modal-link').click(onClickModalLink);
    };

    var onClickModalLink = function() {
        //here normally is a ajax request with parameters
        $.get($(this).data('file'), loadModal);
    };
})

Plnkr链接:

https://plnkr.co/edit/rJdfGC?p=preview

0 个答案:

没有答案