首页 > Web开发 > 详细

AngularJS 使用模板

时间:2015-10-03 10:35:19      阅读:171      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!