在一段时间后更改$ mdDialog上的图像

Question

我想在我的$mdDialog上使用滑块类型效果，图片src来自服务器。我尝试使用$interval但它对我不起作用。

当用户登录时，他会看到一个弹出窗口，弹出窗口中所有可用的弹出窗口 图像一个接一个地显示。 我在一个范围变量的控制器上有所有图像的src，但我怎样才能动态地改变图像src。

这是我试过的

        i=0;
        $scope.ShowIndex = i;
        $interval(incrementProofData, 1000);
        function incrementProofData(){
                $scope.ShowIndex = i;
                i++;
       }

这是我的HTML代码

         <img src="{{popAssetMenu[ShowIndex].ExternalUrl}}" style="width: 100%; height: 100px; margin: 2em 0 0 0;">
            </div>