javascript - angular.js ， Angular 中的模板数据

Question

var imageData = region[0].images;
alert(imageData.length);

templeteData = '<div class="col-sm-12 bootstrap-no-padding" >\
          <div  class="col-xs-4 col-sm-4 col-md-4 bootstrap-no-padding" style="height:250px">\
           <div class="borderAll black-carousel black-carousel-fixHW" uib-carousel no-pause="true" active="active" interval="5000" ng-if="imageData.length > 0"  no-wrap="noWrapSlides">\
              <div uib-slide ng-repeat="image in imageData" index="image.id" class="col-md-12">\
                <div class="image-thumbnail-content GridPositionRelative cursor-pointer">\
                  <image style="height:100%;top: 0px; width:100%" class="image fallback-image GridPositionRelative" ng-src="{{image.imageBase64StringFormat}}"/>\
                </div>\
              </div>\
            </div>\
          </div>\
          <div  class="col-xs-8 col-sm-8 col-md-8 bootstrap-no-padding" >' + regionDescription + '</div>\
          </div>'

imageData 中的

是一个包含图像的数组，如 [0],[1].. 等 我的问题是图像没有显示...我不知道 ng- 是否在这里不起作用..任何人都可以帮助我

Answer 1

imageData 必须是 Angular 的范围变量才能绑定(bind)到模板。

因此，您应该像这样声明它，而不是使用 var 声明为变量 $scope.imageData = 区域[0].images 如果您使用 Controller ，请确保您已注入(inject) $scope