template 的简单使用

地址:
https://github.com/aui/art-template

基本用法:

循环 img 是数组 value index 注意如果自己没有定义value 和index,的话可以使用{{$value}} {{$index}}

{{each img value index}}
                            <img src="{{value.url}}">
                        {{/each}}

判断

{{each p1 value index}}
                                {{if value ==0}}
                                    <p>0 ele</p>
                                {{else if value ==1}}
                                    <p>1 ele</p>
                                {{else}}
                                    <p>other ele</p>
                                {{/if}}
                            {{/each}}

    var data = {
            title:'abcd',
            img:[{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'},{url:'https://via.placeholder.com/350x152'}],
            p:['dasjka','adsads','dsads'],
            p1:[0,1,2,3,5]
        };
记得data 是对象形式的
如果请求返回的数据是数组,数组里面放着对象,可以先使用for循环进行template操作


var temp = template('demo',data);
        document.getElementsByClassName('container')[0].innerHTML=temp;

猜你喜欢

转载自www.cnblogs.com/cyany/p/9497184.html
今日推荐