2017-01-02 22 views
0

如果您正在製作Angularjs項目,在html中包含月份標題的最佳方式/練習是什麼?什麼是列出月份標題的最佳方式/練習(Angularjs)

這裏是醜陋的硬編碼的片段,我想做出更好:

<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表頭。

+5

不能沒有更詳細的瞭解要如何回答這個問題使用它們或您嘗試解決的更高級別的問題。我們所能做的只是猜測哪種方法對您或我們來說效率不高 – charlietfl

回答

0

I'ld做這樣的: 在您的上下文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/(編輯:忘記了鏈接)。我認爲應該有可能使這符合你的需求。

-2

最好的做法就是用這樣的UI的日曆依賴性: 要安裝: - 鮑爾安裝--save角UI日曆

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

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

$scope.eventSources = []; 
+2

爲什麼要安裝一個完整的模塊用於一個非常簡單的用例「最佳實踐」?你只是在猜測OP在試圖完成什麼 – charlietfl

+0

因爲我們不知道目的,所以我認爲使用ui-calendar會是最好的主意。 – Codesingh

+1

它也許可能是一個想法......但如果我們不知道那麼它怎麼可能是「最好的」?如果沒有足夠的信息......而且你必須做很多猜測...那麼不要回答這個問題,等待澄清或投票結束,因爲這個問題不會有任何未來價值,因爲它立場 – charlietfl

相關問題