doT.js

1.js超五个字节省略符号代替的用法

var str="这里是字符串aaaa";//原始字符串
var s = str;//要展示的字符串
if(str.length>10){

s=str.substring(0,10)+"...";
}

之前的代码因为name过长导致样式出现了问题所有总想不出有什么方法解决尝试了一下竟然行了

之前的代码

<script id="doT" type="text/template">
{{for (var i = 0; i < it.length; i++){}}
<li>
   <a href="/goods-{{=it[i].goods_id }}.html"></a>
      <@image src="{{=it[i].thumbnail }}" alt="{{=it[i].name }}"/>
      <div class="li_ri">
         <h3>{{=it[i].name }}</h3>
         <span class="sm">{{=it[i].goods_model_id }}</span>
         <span class="pr">{{=it[i].sale_price }}起</span>
{{?( it[i].buy_count  == null)}}
<span class="kc">库存 : {{=it[i].own_store }} 已售：0</span>
{{?}}
{{?( it[i].buy_count  != null)}}
<span class="kc">库存 : {{=it[i].own_store }} 已售：{{=it[i].buy_count }}</span>
{{?}}
         <i class="souc"  rel="{{=it[i].goods_id }}"></i>
      </div>
</li>
{{}}}
</script>

现在在获取name的地方加上s=str.substring(0,10)+"..."就行了就和js一样用

<script id="doT" type="text/template">
{{for (var i = 0; i < it.length; i++){}}
	<li>
	   <a href="/goods-{{=it[i].goods_id }}.html"></a>
	      <@image src="{{=it[i].thumbnail }}" alt="{{=it[i].name }}"/>
	      <div class="li_ri">
	         <h3>{{=it[i].name.substring(0,10)+"..." }}</h3>
	         <span class="sm">{{=it[i].goods_model_id }}</span>
	         <span class="pr">{{=it[i].sale_price }}起</span>

 {{?( it[i].buy_count  == null)}}

 	<span class="kc">库存 : {{=it[i].own_store }} 已售：0</span>

 {{?}}

 {{?( it[i].buy_count  != null)}}

 	<span class="kc">库存 : {{=it[i].own_store }} 已售：{{=it[i].buy_count }}</span>

 {{?}}
	         <i class="souc"  rel="{{=it[i].goods_id }}"></i>
	      </div>
	</li>
{{}}}
</script>

最后

以上就是超级曲奇为你收集整理的doT.js的全部内容，希望文章能够帮你解决doT.js所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。