angular.js - angular何时用directive、controller、service

Question

var $ele = $('#container');

$ele.on('click', function (e){
    var $t = $(e.target);

    if($t.is('.file')){
        openDoc($t);
    }

    if($t.is('.nav a')){
        changeViewTo($t.attr('index'));
    }
})

function openDoc(){
    $ele......
}

function changeViewTo(){
    $ele......
}

上面这段代码如何分布在directive或controller或service？
openDoc和changeViewTo都操作$ele及其子元素

要求：
1、需要对外暴露openDoc和changeViewTo方法。

Answer 1

When it is necessary to expand the original html标签的功能的时候用directive
It is used when you need to transfer data between different controllers, or when you want to retain a global variable, because it has only one instance globallyservice The controller should be simple and does not need to place too much logic. It is responsible for the connection between the view and the model