on（＆＃39; change＆＃39;，myfunc）无法处理angular.elememt查询选择器

Question

我正在使用ngImgCrop裁剪我选择的图像.....用于选择图像我正在使用输入类型文件并使用

对该输入应用更改事件

angular.element(document.querySelector('#fileInput'))

这很好用并且在我的plunker中给出了预期的输出...现在我想在我的项目中实现这个...不幸的是它不起作用.....意味着我能够选择文件但是那个onchange方法没有触发

HERE是我的掠夺者并等待一些帮助

请不要建议我指示我希望它只能在控制器内

更新 选择并显示html的图像放在下面的材质对话框中....

<md-dialog aria-label="User Settings" flex flex-gt-sm="70" flex-gt-md="60"
        class="userSettingsModal">

    <md-dialog-content>
        <md-tabs md-dynamic-height md-border-bottom md-selected="userVm.selectedTab">
            //my first tab
             //second
            //third tab

             <!-- Profile Image -->
             <md-tab label="Profile Image">
                <md-content class="image-upload">
                    <div class="md-icon-float md-block">
                        <div class="sub-header">Upload User Image</div>
                        <input type="file" id="fileInput" accept="image/*" />
                        <div class="crop-area">
                            <img-crop area-type="square" image="myImage" result-image="myCroppedImage"></img-crop>
                        </div>
                        <div ng-show="myImage">
                            <div id="crop-header">Cropped Image:</div>
                            <div><img ng-src="{{myCroppedImage}}"/></div>
                        </div>
                        <md-button class="md-raised" ng-click="myfunction(myCroppedImage)">Upload</md-button>

                    </div>

             </md-tab>
         </md-tabs>
    </md-dialog-content>
</md-dialog>