Javascript 在外部隐藏单击角度js

我有一个这样的代码。。。 我正在使用“左菜单活动”类来显示和隐藏css中的菜单

我有两个问题，我想用angular js解决这两个问题

我想使用angular js在父级上添加类

我想在单击菜单外部时隐藏左侧菜单（使用 角度（js）

//内容在这里。。。
.左菜单{
过渡：左0.25s线性；
位置：绝对位置；
宽度：200px；
左：-200px；
}
.左菜单激活{
左：0；
}

有人能帮我解决这个问题吗希望对你有帮助 //HTML

---

这可能会帮助您关闭菜单，即使单击菜单上的某个项目。

<div class="left-menu">
    <span class="icon icon-menu"></span>
    <div class="left-menu-holder">
        //Content goes here...
    </div>
</div>

.left-menu {
    transition: left 0.25s linear;
    position: absolute;
    width: 200px;
    left: -200px;
 }
 .left-menu-active {
    left: 0;
 }

<div class="left-menu" data-ng-class="menuOpened ? 'left-menu-active' : ''" >
    <span class="icon icon-menu"></span>
    <div class="left-menu-holder">
        //Content goes here...
    </div>
</div>
<button type="" data-ng-click="openMenu($event)">Open Menu</button>

function appController($scope,$document) {
    $scope.menuOpened = false;
    $document.on('click', handler);

    function handler() {
       $scope.menuOpened = false;
    }
    $scope.openMenu = function(event) {
       $scope.menuOpened = !$scope.menuOpened;
       event.stopPropagation();
    }
}