Javascript 在“选择选项”中插入随机的不需要的跨距
我使用rorymadden.date-dropdowns作为日期下拉列表,其中包括一个绑定到一个月数组的简单选择:Javascript 在“选择选项”中插入随机的不需要的跨距,javascript,html,angularjs,angularjs-ng-repeat,Javascript,Html,Angularjs,Angularjs Ng Repeat,我使用rorymadden.date-dropdowns作为日期下拉列表,其中包括一个绑定到一个月数组的简单选择: <select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control" ng-options="month.value as month.name for month in months" ng-change="checkDate
<select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control" ng-options="month.value as month.name for month in months" ng-change="checkDate()" ng-disabled="disableFields">
<option ng-show="!dateFields.month" value="" translate="yes">#Apply.Month</option>
</select>
#申请。一个月
这将打印此HTML:
<select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control ng-valid ng-dirty ng-valid-parse ng-touched" ng-options="month.value as month.name for month in months" ng-change="checkDate()" ng-disabled="disableFields">
<option ng-show="!dateFields.month" value="" translate="yes" class="ng-hide" selected="selected"><span class="ng-scope">Month Test</span></option>
<option value="number:1" label="January">January</option>
<option value="number:2" label="February">February</option>
<option value="number:3" label="March">March</option>
<option value="number:4" label="April">April</option>
<option value="number:5" label="May">May</option>
<option value="number:6" label="June">June</option>
<option value="number:7" label="July">July</option>
<option value="number:8" label="August">August</option>
<option value="number:9" label="September">September</option>
<option value="number:10" label="October">October</option>
<option value="number:11" label="November">November</option>
<option value="number:12" label="December">December</option>
</select>
月考
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
现在,我想在选项中插入一个属性“translate”,以使月份可翻译
因此,我将选择更改为:
<select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control" ng-change="checkDate()" ng-disabled="disableFields">
<option ng-show="!dateFields.month" value="" translate="yes">#Apply.Month</option>
<option ng-repeat="month in months" value="{{month.value}}" translate="yes">{{month.name}}</option>
</select>
#申请。一个月
{{month.name}
但现在我突然插入了随机跨距,这破坏了翻译功能。生成的HTML如下所示:
<select name="dateFields.month" data-ng-model="dateFields.month" placeholder="Month" class="form-control ng-valid ng-dirty ng-valid-parse ng-touched" ng-change="checkDate()" ng-disabled="disableFields">
<option ng-show="!dateFields.month" value="" translate="yes" class="ng-hide"><span class="ng-scope">Month Test</span></option>
<!-- ngRepeat: month in months -->
<option ng-repeat="month in months" value="1" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.January</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="2" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.February</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="3" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.March</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="4" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.April</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="5" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.May</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="6" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.June</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="7" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.July</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="8" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.August</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="9" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.September</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="10" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.October</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="11" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.November</span></option>
<!-- end ngRepeat: month in months -->
<option ng-repeat="month in months" value="12" translate="yes" class="ng-scope"><span class="ng-binding ng-scope">#Common.December</span></option>
<!-- end ngRepeat: month in months -->
</select>
月考
#普通的,一月
#普通的,二月
#普通,三月
#普通的,四月
#普通的,五月
#普通的,六月
#普通的,七月
#普通的,八月
#普通,九月
#普通的,十月
#普通,11月
#普通,12月
Angular到底在做什么?为什么?
我怎样才能得到我想要的预期输出:
<option ng-repeat="month in months" value="1" translate="yes" class="ng-scope">#Common.January</option>
#Common.January
有什么想法吗?您还将January
更改为{{month.name}}
,绑定到month.name会为其功能添加范围
您的翻译插件可能有一个用于翻译的过滤器,因此请在选项上使用该过滤器而不是指令:{{{month.name | translate}}
。这也为您提供了正确的翻译字符串(“一月”),而不是“{month.name}”。您还将一月
更改为{month.name}
,绑定到month.name会为其功能添加范围
您的翻译插件可能有一个用于翻译的过滤器,因此请在选项上使用该过滤器而不是指令:
{{{month.name | translate}}
。这也为您提供了正确的翻译字符串(“一月”),而不是“{month.name}”。现在ng模型消失了,您知道如何在没有ng模型的情况下使用ng change吗?现在ng模型消失了,您知道如何在没有ng模型的情况下使用ng change吗?