angular.js - When to use directive, controller, service in angular

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......
}

How is the above code distributed in directive or controller or service?
openDoc and changeViewTo both operate on $ele and its child elements

Requirements:
1. The openDoc and changeViewTo methods need to be exposed to the outside world.

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