Question

我正在处理单页应用程序。

做一小部分，我需要一个改进的旋转木马。此刻我有。这个Js和HTML。在这一刻，我想知道一些简单的想法。

我想将小猫背景改为任何可行的方式。（1张静态图片）

我将在旋转木马幻灯片上放置文本框＆lt; - 这是否可以像某种powerpoint一样保存数据？如果有任何人想到这会很好，但BG porbleme是我当时需要修复的，提前谢谢

保存我使用服务器（天蓝色）的数据，如果这对于回答

非常重要

.controller('CarouselDemoCtrl', function ($scope) {
    var slides = $scope.slides = [];
    $scope.addSlide = function () {
        var newWidth = 600 + slides.length + 1;
        slides.push({
            image: 'http://placekitten.com/' + newWidth + '/300',
            text: ['More', 'Extra', 'Lots of', 'Surplus'][slides.length % 4] + ' ' +
              ['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4]
        });
    };
    for (var i = 0; i < 4; i++) {
        $scope.addSlide();
    }
})

<section>
  <div>
      <div ng-controller="CarouselDemoCtrl">
          <div style="height: 305px">
              <carousel interval="myInterval">
                  <slide ng-repeat="slide in slides" active="slide.active">
                      <img ng-src="{{slide.image}}" style="margin:auto;">
                      <div class="carousel-caption">
                          <h4>Slide {{$index}}</h4>
                          <p>{{slide.text}}</p>
                      </div>
                  </slide>
              </carousel>
          </div>
          <div class="row">
              <div class="col-md-6">
                  <button type="button" class="btn btn-info" ng-click="addSlide()">Add Slide</button>
              </div>
          </div>
      </div>
      <script src="/presentation/js/presentation.js"></script>
  </div>
</section>

Answer 1

image: 'http://www.woblogger.com/wp-content/uploads/2014/10/grey-pattern-bg.jpg',
                text: ['More', 'Extra', 'Lots of', 'Surplus'][slides.length % 4] + ' ' +
                  ['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4]

image: 'http://placekitten.com/' + newWidth + **'/300',**
        text: ['More', 'Extra', 'Lots of', 'Surplus'][slides.length % 4] + ' ' +
          ['Cats', 'Kittys', 'Felines', 'Cutes'][slides.length % 4]

旋转木马AngularJs修改BG

1 个答案: