当AngularJS

Question

我使用Twitter的引导CSS和AngularJS人口如何水平对齐多个选择列表，并有问题水平对准2名选择列表标签：

下面是一个例子：

http://jsfiddle.net/664q5/

第一行有填充使用AngularJS一个选择框：

  <div style="background-color: lightcoral" class="form-group"> 
       <label for="expirymonth" class="col-sm-2 control-label">Expiry Date</label> 
       <select ng-model="expirymonth" ng-change="setcardmonth(expirymonth)" ng-options="e.month for e in cardmonth" class="ng-pristine ng-valid"/>/ 
       <select ng-model="expiryyear" id="expyear" ng-change="setcardyear(expiryyear)" ng-options="y.year for y in cardyear" class="ng-pristine ng-valid" /> 
      </div> 

只有第一选择列表显示在表格上

第二个列表使用常规选项和选项。

  <div style="background-color: lightcoral" class="form-group"> 
       <label for="expirymonth" class="col-sm-2 control-label">Expiry Date</label> 
       <select><option>12</option></select> 
        <select><option>2014</option></select> 
      </div> 

在这里，您可以看到到期日期标签与选择选项完全一致。

有人可以向我解释为什么只有一个选择列表显示AngularJS填充？

Answer 1

您选择的标签不应该自动关闭。该correct syntax是：
<select
ng-model=""
[name=""]
[required=""]
[ng-required=""]
[ng-options=""]>
...
</select>

此外，的jsfiddle不喜欢你，包括角的方式。看你的例子中的这个叉子：jsfiddle.net/wittwerj/A2MGY/