Javascript Angularjs-模态弹出窗口

我试图激活我的模态，但它不工作。我做错了什么

.html

---

我想用ng clik指令来调用函数，该函数将激活模态。谢谢

我找到了解决办法。我缺少id=myModal，因此我更改了 .js文件

.html

---

您没有id为MyModalTanks的元素！我刚想出来

<div class="column is-narrow topIcons">
                    <div class="photo topIconsHover" ng-click="$ctrl.checked()">
                        <figure class="image is-128x128">
                            <img ng-src="{{a.imageSrc}}">
                        </figure>
                    </div>
                </div>
            </div>

            <div class="modal">
                <div class="modal-background"></div>
                <div class="modal-content" ng-repeat="a in $ctrl.f">
                    <p class="image is-4by3">
                        <img ng-src="{{a.imageSrc}}">
                    </p>
                </div>
                <button class="modal-close"></button>
            </div>

vm.checked = function() {
        console.log("Here!");
        $('#myModal').modal('is-active');

    };

<div class="modal" **id="myModal"**>
                <div class="modal-background"></div>
                <div class="modal-content" ng-repeat="a in $ctrl.f">
                    <p class="image is-4by3">
                        <img ng-src="{{a.imageSrc}}">
                    </p>
                </div>
                <button class="modal-close"></button>
            </div>

vm.checked = function() {
        console.log("Here!");
        $('#myModal').addClass('is-active');

    };