Javascript 使用角JS在弹出窗口中显示图像

这是我在StackOverflow上的第一篇文章，我正在自学，所以我是一个初学者，现在很困惑

我正在创建一个有角度的网页，其中一个页面包含一个按钮和一个弹出窗口。我想把一个图像到弹出窗口，但我有很多麻烦，让这个工作

步骤和名称属性已成功显示在弹出窗口中，但图像不起作用。我尝试过让url显示为字符串，但也不起作用

我也尝试过让id属性（它只是一个字符串）出现，但这也不起作用

我在html中的ctrl.figure周围只放了一组花括号，因为这至少会在弹出窗口中给我一个损坏的图片图标，而如果像通常建议的那样使用两个花括号，我将一无所获

我在本地计算机上托管该网站，并使用Chrome开发工具，不断收到未找到该文件的消息。我已经多次检查了文件路径，看起来还不错。因为我不能让人物的url显示为一个字符串，所以我认为问题可能与控制器有关

如有任何建议，将不胜感激。第一组代码是弹出窗口的html，第二组代码来自控制器

{{ictrl.step}
{{ictrl.name}
{{ictrl.id}

angular.module（'instructionsApp'，['ngSanitize']）.controller（'instructionsCtrl'[
函数（）{
var self=这个；
self.showValue=false；
self.showDetails=函数（id）{
对于（var i=0；i
视频捕获设备
视频分辨率
视频带宽
纵横比
音频捕获设备
和其他er音频参数。但是，您可以手动覆盖这些参数。完成后单击“确定”按钮。大多数摄像头将自动提供摄像头支持的各种分辨率的通知。VazztCaster可以检测到这一点，并且通过检查检测到的带宽，VazztCaster也会自动设置默认分辨率d带宽。“，
alt:“启动VazztCaster”，
imageCaption:“启动VazztCaster后，您的屏幕应该是这样的。”
}];
}
]);

在您的说明controller.js中-

self.showDetails = function(id) {
    for (var i = 0; i < this.steps.length; i++) {
        if (self.steps[i].id === id) {
            self.name = self.steps[i].name;
            self.step = self.steps[i].step;
            self.description = self.steps[i].description;



    ## self.figure = self.steps[i].figure;
    ## self.alt = self.alt[i].alt;
    ## self.imageCaption = self.imageCaption[i].imageCaption

            self.showValue = true;
        }
    }
};

self.showDetails=函数（id）{
对于（var i=0；i

以##开头的行是您需要添加的行，因此基本上您忘记了循环上面突出显示的行。

---

希望这有帮助。

您是否尝试过打印

{{{ictrl.figure}

在弹出窗口中查看路径/值是否正确？与使用ng src相反？也只需对img src进行硬编码，并确保其工作时无需查看

self.steps中的数据。

…您没有名为

url

的属性…请向我们显示此数据的填充位置（或解释）还有，你的Javascript声明了一个名为

instructionsCtrl

的控制器，但在HTML中你使用的是

ictrl

。你的问题不是很有答案。我试着打印{{ctrl.figure}在弹出窗口上作为字符串显示，但这不起作用。我在没有angular的情况下对图像src进行了硬编码，这很有效，因此我相当确定它是正确的路径。img的url位于名为figure的属性下。我使用了ng controller=“instructionsCtrl as ictrl”在周围的分区中，这里是指向GitHub上html文档的链接：GitHub.com/KelseySteele/video on the move网站/blob/master/…这里是指向JS文档的链接：GitHub.com/KelseySteele/video-on-the-mov