Javascript 如何将jQuery代码移植到AngularJS，以便将引导模式窗口调整为AngularJS？

在jQuery的一点帮助下，我正在根据内容调整引导模式窗口的大小。整个系统基本上是一个定制的灯箱。现在，如果我能使用AngularJS用数据填充网站，我会非常高兴

首先，我知道我最好迁移到原生AngularJS UI引导。然而，在我看来，前端正处于开发阶段，放弃已投入的工作，使香草引导工作如预期的那样，是不可行的。特别是，考虑到我缺乏JavaScript编码技能，而且即使在这个简单的jQuery脚本中，我也必须付出相当大的努力

下面是我完美工作的静态代码的一个极其简化的版本：

<a href="#modal-000" data-toggle="modal" data-target="#modal-000">
    Open modal #000
</a><br/>

<div class="modal" id="modal-000" role="dialog">
    <div class="modal-dialog" id="modal-dialog-000">
        <div class="modal-content">
            <div class="modal-body">
                I am modal #000.
                <a href="#" data-dismiss="modal">Close</a><br/>
                <img src="http://i.imgur.com/4rLrHBa.png" id="image-000"/>
            </div>
        </div>
    </div>
</div>

<script>
    // Resizing modal window
    $('#modal-000').on('shown.bs.modal', function () {
        var modalWidth = $('#image-000').width() + 30;
        $('#modal-dialog-000').css('width', modalWidth);
    });
</script>

这是一个JSFIDLE，其中还包括假设的AngularJS部分：

---

如何在ng重复中实现这一点？jQuery应该被完全删除吗？或者可以选择一条不太纯粹的更快的道路？谢谢。

事实上，是的，我知道这一点。到那时，我应该理想地迁移到原生AngularJS UI引导，我已经考虑到了这个项目。这只是我目前的JS编码技能使之成为目前一项压倒性的任务。所以，我决定问是否有更简单的方法。此外，如果我没有弄错的话，将代码移动到原生AngularJS UI引导只是解决问题的第一步。将jQuery和AngularJS结合起来很少简单，因为它们的工作方式不同。AngularJS监视对数据的更改，然后修改DOM，而jQuery直接修改DOM。使用AngularJS的内置via angular.element，或者使用修改过的引导UI。