abgularjs 自定义标签感觉有用的东西
2014-11-25 10:58
190 查看
需求:定义一个自定义 列表 我们只需要 开发列表中的一个元素 就可以完成列表元素的变更
下面是列表的JS 和 标签
'use strict';
define([],function(){
return ['list',function($http){
var items={
restrict:'E',
template:function(o,attrs){
var mydirective='';
mydirective="<"+attrs.directivename+" order='ss'></"+attrs.directivename+">";
return "<div ng-repeat='ss in order' class='title'' ng-class='{titleclear:($index)%titlerowpre==0}'>"+mydirective+"</div>";
},
replace:true,
scope:{
order:'=order',
titlerowpre:'='
},
link:function(scope,element,attrs){
// items.templateUrl='../../common/templatehtml/listElement.html';
}
};
return items;
}]
});
<list order="order" directivename="liele" titlerowpre="2">
</list>
主要是attrs 可以获取 标签元素 属性苏对应的值 比如directivename 获取时 就是 liele
找了好长时间 还是我们经理找到的
资料太少了
下面是开发的一个元素
'use strict';
define([],function(){
return ['liele',function($http){
var items={
restrict:'E',
templateUrl:'common/templatehtml/listElement.html',
replace:true,
scope:{
order:'='
},
link:function(scope,element,attrs){
// items.templateUrl='../../common/templatehtml/listElement.html';
}
};
return items;
}]
});
<div>
<ul>
<li><table width="260" border="1" style="text-align: right" >
<tr style="height: 25px" >
<td style="text-align: left">订单号:{{order.dingdan_String}}</td>
<td colspan="3">{{order.provider_String}}</td>
<td><button>1</button><button>2</button><button>3</button></td>
</tr>
<tr style="height: 25px">
<td style="text-align: left"><img src="Resources/images/{{order.img_String}}" style="height: 50px;width:50px"></td>
<td>{{order.abstract_String}}</td>
<td>{{order.unitprice_String}}</td>
<td>{{order.count_Int64}}</td>
<td>申请售后</td>
</tr>
</table></li><br>
</ul>
</div>
才开始学习 希望对你们有帮助
下面是列表的JS 和 标签
'use strict';
define([],function(){
return ['list',function($http){
var items={
restrict:'E',
template:function(o,attrs){
var mydirective='';
mydirective="<"+attrs.directivename+" order='ss'></"+attrs.directivename+">";
return "<div ng-repeat='ss in order' class='title'' ng-class='{titleclear:($index)%titlerowpre==0}'>"+mydirective+"</div>";
},
replace:true,
scope:{
order:'=order',
titlerowpre:'='
},
link:function(scope,element,attrs){
// items.templateUrl='../../common/templatehtml/listElement.html';
}
};
return items;
}]
});
<list order="order" directivename="liele" titlerowpre="2">
</list>
主要是attrs 可以获取 标签元素 属性苏对应的值 比如directivename 获取时 就是 liele
找了好长时间 还是我们经理找到的
资料太少了
下面是开发的一个元素
'use strict';
define([],function(){
return ['liele',function($http){
var items={
restrict:'E',
templateUrl:'common/templatehtml/listElement.html',
replace:true,
scope:{
order:'='
},
link:function(scope,element,attrs){
// items.templateUrl='../../common/templatehtml/listElement.html';
}
};
return items;
}]
});
<div>
<ul>
<li><table width="260" border="1" style="text-align: right" >
<tr style="height: 25px" >
<td style="text-align: left">订单号:{{order.dingdan_String}}</td>
<td colspan="3">{{order.provider_String}}</td>
<td><button>1</button><button>2</button><button>3</button></td>
</tr>
<tr style="height: 25px">
<td style="text-align: left"><img src="Resources/images/{{order.img_String}}" style="height: 50px;width:50px"></td>
<td>{{order.abstract_String}}</td>
<td>{{order.unitprice_String}}</td>
<td>{{order.count_Int64}}</td>
<td>申请售后</td>
</tr>
</table></li><br>
</ul>
</div>
才开始学习 希望对你们有帮助
相关文章推荐
- 给学习Java初学者一些个人感觉有用的东西
- 感觉蛮有用的东西
- 第一次在BLOG上写点东西,感觉就是不一样
- 罗列一些自认为比较有用的东西
- 感觉有用的网站记录
- 重复谈下html5的Article元素,感觉还是有些东西可以说的!
- 有用东西只有自己知道,授人以鱼不如授人以渔
- 有用的东西
- 有用的东西
- 各种有用的东西、黑科技、技巧
- 刚看完了一本关于javascript的书感觉受益匪浅,原来不懂的东西这么多,想问问怎么成为大神?求教!!!!!!
- 心得二、感觉自己学不会一个东西怎么办?
- 当你感觉什么东西不对劲的时候
- 在我程序员生涯里,我学到了不少有用的东西。下面是我这些年积累的经验精华。
- 有用的东西
- 网站一些有用的东西
- 页面生命周期里面还有很东西,如PageHandlerFactory等等这些东东也够吃一壶的,发现每走到一个领域,发现要学的东西实在是太多太多啦,总感觉自己所学的东西只是沧海一粟,走过了这道坎,又是一片海洋,我只能呐喊:生命永不止息,学海无涯----够用就好。
- 用Hibernate+Struts做东西,感觉真是舒服(有内容)
- 编程中最没用的东西是源代码,最有用的东西是算法和数据结构
- 一个月不用c++写东西感觉不爽!