angular_标签应用

一、ng-repeat
伪代码如下:
js:
elem.bind('click',function(){
  $modal.open({
       templateUrl : urlManager.$staticViewUrls.$getUrl( 'static/basis/html/ac/font-awesome' ),
       backdrop : 'false',
       controller : ['$scope', '$modalInstance', function($scope, $modalInstance) {
             acResourceService.iconInfo().success( function(obj) { //调用service,实现后台处理的数据 
             var getIconinfo=JSON.parse(obj.moreData.data);//通过json处理后台数据
             var icons=getIconinfo.icon;
             var iconsBgcolor=getIconinfo.iconBgcolor;
             $scope.icons=icons;
             $scope.bgcolors=iconsBgcolor;
} );

html:

<div class="panel-body" style="height: 300px; width: 100%; overflow: auto;" data-platform-scroll="">

<i data-ng-repeat="icon in icons"  class="{{icon.name}} {{icon.size}}" 

data-ng-click="onclickIconViewOk('{{icon.name}} {{icon.fsize}}');" > 注意ng-reapt使用

</i >

</div>

  
 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值