Question

我使用angular来从服务器检索图像，并在向imageList添加新图像时使用lightSlider将其显示在滑块中lightSlider不起作用。

HTML

<ul id="Images">
  <image></image>
</ul>

自定义指令

 var app = angular.module("app");
     app.directive("image", function() {
    return {
        restrict: "E",
        templateUrl: "./templates/image.html",
        replace: true
    };
});

模板

<li ng-repeat="i in imageList">
  <img ng-src="{{i}}">
</li>

将新图像添加到imageList lightSlider无法正常工作

提前致谢

Answer 1

您没有将imageList传递给您的指令。我认为你的指令没有必要。

如果没有指令，你最终会得到这样的东西：

<ul id="images">
  <li ng-repeat="i in imageList">
    <img ng-src="i">
  </li>
</ul>

<!-- imageList = ['http://www.my-url/image1.jpg', 'http://www.my-url/image2.jpg'] -->

当您需要image指令时，请使用带有= binding或＆gt;的隔离范围。绑定（见angular-documentation

使用angular将图像添加到lightSlider

1 个答案: