Javascript jQuery选择问题

我试图在视图中使用这个图像裁剪器应用程序示例的代码，但它不起作用。我认为问题在于元素的选择

这就是我正在做的：

主应用程序HTML CropAvatar初始化为：

$(function () {
    return new CropAvatar($('#crop-avatar'));
});

---

如果我在这个表单中使用代码，它根本不起作用，但是如果我将所有HTML代码放入mi app.HTML的

标记中，它就可以正常工作。正是出于这个原因，我认为这是选择器的问题。

文档。在使用
ng view
的角度应用程序中，ready

毫无价值。当代码运行时，这些元素都不存在。您需要将该代码放在指令中，然后解决方案是将所有代码转换为指令代码：（可以使用相同的代码…只需将其放入附加到元素的指令中，该指令将包含所有其他元素。这样，当主元素存在时，代码将运行。谢谢，我将进行测试，我是angularWorks的新手，非常感谢！

<div class="container" id="crop-avatar">
    <!-- the div content --!>
</div>

function CropAvatar($element) {
    this.$container = $element;

    this.$avatarView = this.$container.find('.avatar-view');
    this.$avatar = this.$avatarView.find('img');
    this.$avatarModal = this.$container.find('#avatar-modal');
    this.$loading = this.$container.find('.loading');

    this.$avatarForm = this.$avatarModal.find('.avatar-form');
    this.$avatarUpload = this.$avatarForm.find('.avatar-upload');
    this.$avatarSrc = this.$avatarForm.find('.avatar-src');
    this.$avatarData = this.$avatarForm.find('.avatar-data');
    this.$avatarInput = this.$avatarForm.find('.avatar-input');
    this.$avatarSave = this.$avatarForm.find('.avatar-save');
    this.$avatarBtns = this.$avatarForm.find('.avatar-btns');

    this.$avatarWrapper = this.$avatarModal.find('.avatar-wrapper');
    this.$avatarPreview = this.$avatarModal.find('.avatar-preview');

    this.init();
}

$(function () {
    return new CropAvatar($('#crop-avatar'));
});