2016-09-25 38 views
0

我在离子和im动态创建使用n-g重复为答案框的一个小测验。我曾经尝试过几个小时,但它可以在ipad上运行得很好,但在iPhone上反过来也可以。这里是如何看我的手机上:离子和phonegap与框中的css

enter image description here

,并在这里对我的iPad enter image description here

的所有IM试图做的是有一个对象有一个答案因此,例如“在心情”和动态地创建与答案一致的框,以便在本例中[] [] [] [] [] [] ..]

我正在使用ng-repeat来做什么我在我的例子中:

<form> 
<span ng-repeat="content in answerArr track by $index" class="single-input"><span style="margin-right:10px;"></span><!--this adds space --> 
<div class="testingg" style="width:50%;margin-right:auto;"> 
<div style="width:50%;margin-right:auto;margin-left:auto;"> 
<span class="single-input" ng-repeat="contentt in content track by $index"> 

<div class="row"style=""> 
      <span ng-if="$index < content.length"> 
       <div class="box single-number" style=""> 
        <input type="text" class="" focus maxlength="1"> 
       </div> 
      </span> 
      </div> 
</div> 
</span> 
</div> 
</span> 
</form> 

有没有更好的方法来做到这一点,或者我错过了明显的东西?我尝试实现排序居中的CSS的地方,如果字则重叠,它会转到下一行..像下面他们使用

enter image description here

althought __,我使用一个盒子。谁能帮忙?

回答

0

那么,你可以为你的每一行设置特定的长度。并且使用答案的长度创建tho的子串,并将它们推入任何对象。就像你的排的长度是5,你的答案是“超过心情”。您必须创建3个子字符串 并将它们推入对象。现在实现一个嵌套的ng重复,首先与 该对象包含子字符串,然后在里面,与子字符串本身 希望它会帮助你:)

+0

即时通讯即时做我有一个对象与3个对象里面,每个与数组对于每个字母如[[o] [v] [e] [r],[t] [h] [e],[m] [o] [o] [d]] –