码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS 使用模板

时间:2015-10-03 10:36:04      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:

比如要生成一样的行:

<div class="panel-body">
                <ul class="list-group">
                    <li ng-repeat="timeSheet in timeSheetsOverview | filter:isWorking | orderByDate:‘date‘:true" class="list-group-item" ng-click="$parent.goWeek(timeSheet.date)" ng-include="‘timeItem.html‘">
                    </li>
                </ul>
            </div>

 模板:

<script type="text/ng-template" id="timeItem.html">
    <div class="row row-2">
        <div class="col-xs-10">
            <div class="overflow-panel">
                <div class="ver-mid-panel overflow">
                    <span class="font-blue">{{timeSheet.startDateString}} - {{timeSheet.endDateString}} {{timeSheet.yearString}}</span>
                    <br />
                    <span class="font-small">Week {{timeSheet.weekNumber}}</span>
                </div>
            </div>
        </div>
        <div class="col-xs-2">
            <div class="pull-right">
                <div class="ver-mid-panel">
                    <span class="font-blue">{{timeSheet.totalHours | number:2}}</span>
                    <br />
                    <br />
                </div>
            </div>
        </div>
    </div>
</script>

 

AngularJS 使用模板

标签:

原文地址:http://www.cnblogs.com/ByronWu12345/p/4853060.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!