Angular JS和Unobtrusive JavaScript

我刚开始学习MVC和Angular,我对以下代码感到好奇(取​​自angularjs.org)

    
    
    


    

        Todo
    

        {{remaining()}} of {{todos.length}} remaining [ 
            archive ]
        

            

                
                {{todo.text}} 
        
        

        
        
        
    

Todo.js

function TodoCtrl($scope) {
    $scope.todos = [
    { text: 'learn angular', done: true },
    { text: 'build an angular app', done: false}];

    $scope.addTodo = function () {
        $scope.todos.push({ text: $scope.todoText, done: false });
        $scope.todoText = '';
    };

    $scope.remaining = function () {
        var count = 0;
        angular.forEach($scope.todos, function (todo) {
            count += todo.done ? 0 : 1;
        });
        return count;
    };

    $scope.archive = function () {
        var oldTodos = $scope.todos;
        $scope.todos = [];
        angular.forEach(oldTodos, function (todo) {
            if (!todo.done) $scope.todos.push(todo);
        });
    };
}

如果不引人注目的javascript的原则说我们需要将行为与表示分开,那为什么它可以和角度最好的做法有代码ng-click=archive()？