小编Fah*_*lah的帖子

我正在尝试使用AngularJS创建twitter bootstrap的随机跨度大小的div(.childBox).

  <div ng-controller="HomeCtrl">
    <div class="motherBox" ng-repeat="n in news">
      <div class="childBox" class="col-md-{{boxSpan}} box">
        <a href="#" class="thumbnail">
          <img src="{{holderLink}}" height="200px" alt="100x100">
          <p class="tBlock"> {{n.title}} </p>
        </a>
      </div>
    </div>
  </div>

controller('HomeCtrl', ['$scope', '$http', function($scope,$http) {
  $http.get('news/abc.json').success(function(data) {
    $scope.news = data;
  });
  $scope.holderSize = 150;
  $scope.holderLink = 'http://placehold.it/'+$scope.holderSize+'x'+$scope.holderSize;
  $scope.boxSpan = getRandomSpan();

  function getRandomSpan(){
    return Math.floor((Math.random()*6)+1);
  };
}])

我想为每个.childBox div为boxSpan创建不同的整数值,但所有.childBox都具有相同的boxSpan值.虽然每次刷新页面boxSpan都会创建随机值.

如何为每个ng-repeat迭代生成不同/随机值？

什么应该是Angularjs + Rails项目的文件结构.我正在做这个项目中的角度部分(从未使用过rails).以前我将php框架(ci/laravel)与angular结合起来,文件结构如下.

ngProjectFolder
-scripts
-views
-index.html
-backend(ci/laravel project folder)
--application
--index.php

我还研究了这样的文件结构,其中角文件被放入php框架资产和视图文件夹中.例如

phpProjectFolder (ci/laravel)
-assets
--js
---angularjs controller and other js files
--css
-controller(php)
-model(php)
-view
--angular view files

这些文件结构都不准确(这里没有显示不必要的文件夹).我只想展示概述.

我将使用Angular路由系统.

我应该使用哪种文件结构？为什么？有安全问题吗？需要一些建议.提前致谢.

我试图创建一个响应显示宽度的扑克牌队列.

我希望这个队列适合显示宽度,这样就不会有任何卡从显示中丢失.我想覆盖手机,平板电脑和台式机的传统宽度.

我也想将这个队列对齐到中心,这样它看起来不会很糟糕.

的jsfiddle

<div> 
    <img src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
    <img class="rest" src="http://chetart.com/blog/wp-content/uploads/2012/05/playing-card-back.jpg" alt="">
</div>

div{
    width:100%;
}
img{
    display: inline-block;
    height: 200px;
}
.rest{
    margin-left: -102px;
}

我使用html5 canvas的drawImage()api绘制了一个图像.现在我想用不同的颜色填充该绘制图像的白色空间(单个盒子单独的颜色).我该怎么做？我正在使用html5 canvas和jquery.

我想用不同的颜色填充白色空间,那些白色空间不是正确的矩形框.

提前致谢.