在构造HTML页面时,我们常常使用html+=“……”形式拼接HTML标签,这种方式是可以解决我们的需求,但是这样会使我们的页面看起来凌乱,也不容易看出页面的结构性。我们可以用以下两种形式来替换此类做法,得到的效果是一样的。
1.使用HandlebarsJs。下载handlebars.min.js,在页面上引入改js,就可以使用了。例如,我们给用户添加新角色,我们要选择已有的角色,然后添加到用户的角色列表中,在这过程中,我们要记录这个角色的一些信息,下面是具体做法步骤:
页面引入js:
编写模板
使用方式:
页面元素:
这些操作完后,我们就会在table元素中加了一个tr,tr中包含了一些角色的信息。这只是步骤给一个解决方法,具体的自己百度。
2.第二种解决方法是,利用angularJs的指令来实现。