Typescript骚操作,在TS里面直接插入HTML

栏目: Html · 发布时间: 7年前

内容简介:Typescript骚操作,在TS里面直接插入HTML,还有语法提示先给大家看一个图

Typescript骚操作,在TS里面直接插入HTML,还有语法提示

先给大家看一个图

Typescript骚操作,在TS里面直接插入HTML

因为我不喜欢用很重的框架,主要是并非专业UI,但是偶尔会用到,还是觉得直接element组装受不了,想想能在ts文件里面能直接插入html就好了。

插进去不难,可是苦于没有语法提示,大家看上面这个图,语法提示的问题已经解决了。

下面我来详细讲解一下这个骚操作

一、安装vscode,别的 工具 我没研究,大差不差

二、安装插件

Typescript骚操作,在TS里面直接插入HTML

是由这个插件提供的语法高亮

三、添加两个函数

Typescript骚操作,在TS里面直接插入HTML

export function raw(a:TemplateStringsArray,...values:any[]):string
{
var len = a.length-1;
var outstr = a[0];
for(var i=0;i
  
  
   

这两个函数是自定义两个拼装字符串的方法 针对于ts中的特殊字符串

如果遇到问题,最常见的就是 export的,删掉export

Typescript骚操作,在TS里面直接插入HTML

用这个特殊的引号引起来的字符串,注意键位,不是普通的单引号

四、浪起来

Typescript骚操作,在TS里面直接插入HTML

然后就可以带着语法提示写字符串了

这两个标签我定义为 raw ‘’ 返回一个字符串

Html 返回一个div对象

Typescript骚操作,在TS里面直接插入HTML

Typescript骚操作,在TS里面直接插入HTML

Typescript骚操作,在TS里面直接插入HTML


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Bandit Algorithms for Website Optimization

Bandit Algorithms for Website Optimization

John Myles White / O'Reilly Media / 2013-1-3 / USD 19.99

This book shows you how to run experiments on your website using A/B testing - and then takes you a huge step further by introducing you to bandit algorithms for website optimization. Author John Myle......一起来看看 《Bandit Algorithms for Website Optimization》 这本书的介绍吧!

SHA 加密
SHA 加密

SHA 加密工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具