Question

如果您正在制作Angularjs项目，在html中包含月份标题的最佳方式/做法是什么？

这里是我想要做得更好的丑陋硬编码的片段：

<div>
    <div class="col-xs-3">
        <div class="col-xs-12">{{name}}</div>
    </div>
    <div class="col-xs-9">
            <div class="col-xs-1">Jan</div>
            <div class="col-xs-1">Feb</div>
            <div class="col-xs-1">Mar</div>
                            ...
            <div class="col-xs-1">Dec</div>
    </div>
</div>

UPD：我需要modules/report.html中的表格标题。

Answer 1

我这样做：在你的上下文js中，添加一个数组或一个返回类似

的数组的函数

monthlist = function(){
   return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep',  'Oct', 'Nov', 'Dec']}

然后，在您的HTML中，您可以这样做：

<div>
<div class="col-xs-3">
    <div class="col-xs-12">{{name}}</div>
</div>
<div class="col-xs-9">
        <div class="col-xs-1" ngFor="month in monthlist()">{{month}}</div>

</div>
</div>

如果您需要一种不自己编写阵列的方法，我发现了这一点。 https://jsfiddle.net/dstorey/Xgerq/（编辑：忘记链接）。我认为应该可以满足您的需求。

Answer 2

最佳做法是使用ui-calendar依赖关系，如下所示：要安装： - bower install --save angular-ui-calendar

<div ui-calendar ng-model="eventSources"></div>

var app = angular.module('App', ['ui.calendar'])

$scope.eventSources = [];

列出月份标题的最佳方式/做法是什么（Angularjs）

2 个答案: