javascript - Angularjs 打开模式与图像

Question

您好，我有一个表格，我可以在其中显示我上传到服务器上的每张图片的链接。我显示的链接可以从 json 中获取。这就是我正在做的

       <tbody>
            <tr ng-repeat="wall in walls">
                <td>{{wall.id}}</td>
                <td>{{wall.link}}</td>
                <td><a href="#imdage_modal" data-uk-modal><i class="uk-icon uk-icon-eye"></a></td>
            </tr>
        <tbody>

在第三列我有一个图标应该打开一个模式，其中显示来自该链接的图像。模式是这个:

<!-- Image modal -->
    <div id="imdage_modal" class="uk-modal">
    <div class="uk-modal-dialog">
        <a href="" class="uk-modal-close uk-close uk-close-alt"></a>
        <img ng-src="" alt="">
    </div>

问题是我不知道如何在模态的 ng-src 中传递正确的链接。我该怎么做？

编辑:

function($scope, $http) {
        $http.get('https://www.mywebsite.com/images/getimages.php').
          success(function(data, status, headers, config) {
            $scope.walls = data.walls;
            console.log($scope.walls);
         }).error(function(data, status, headers, config) {
            // called asynchronously if an error occurs
            // or server returns response with an error status.
         });

这是从 json 中检索所有数据的 js(在我的例子中是链接)。如您所见，为了打开模式，我没有使用 javascript 函数，而是仅使用带有 uikit 函数的 html。

Answer 1

你打开模态的方法是错误的

请点击以下链接

https://angular-ui.github.io/bootstrap/

搜索关键字-Modal (ui.bootstrap.modal)

您可以使用“解析”检查代码将值传递给模态以打开模态