Angular td文本是必须用点显示的段落 “PaymentRequestDto[systemId=FZHolidays，entityId=GIYBV20180611054717483，paymentId=FZLEKS20180611054912756，币种=AED，金额=1419.18，apiOperation=null，requestType=TRAVEL，gateway=TNSPAY，transactionRef=87904，sessionId=4ba806bf-9ab7-49ad-bda7-0526e38d8601，billTo=Todto[firstName=sdad，lastName=adad，street=sadad，street1=null，street2=null，city=adada，state=null，postalCode=null，country=BH，emailId=null]，travelDetails=traveldetailsdo[出发日期=2018-07-10，出发时间=23:20，gmtVariation=+04:00，预订频道=WEB，承运人代码=FZ，航班号=FZ 547:FZ 548，票价基础代码=RRBP8AE5:RRBP8AE5，乘客计数=1，完成路线=DXB-CMB:CMB-DXB，行程类型=Return，航段=[LegDto[origin=DXB，destination=CMB，id=1]，LegDto[origin=CMB，destination=DXB，id=2]，项目=[ItemDto][unitPrice=665.9709621993128，数量=1，产品代码=服务，产品名称=FLT，产品SKU=DXB-CMB:CMB-DXB，名字=1，名字=test，用户ID=1，状态=Reserved，用户类型=成人，用户电子邮件=a@test.com，userPhone=+2134543535345，chargeDetails=[]]，threeDSecureInfo=null，ipAddress=10.1.20.128，browserAcceptHeader=null，browseUserAgentHeader=null，redirectionURL=null，locale=null，systemData=SystemDataDto[field1=AIR&；LAND，field2=Mahasen by Foozoo，field3=2.5，field4=260.94，field5=CMB，field6=N，field7=，field8=FZE，field9=LK，field10=null，field11=null，field12=N，field13=null，field14=null，field15=null，field16=null，field17=null，field18=null，field19=null，field20=null，field21=null，field22=null，field23=null，field24=null，field25=null、 field26=null、field28=null、field29=null、field30=null、field31=null、field32=null、field33=null、field34=null、field35=null、field36=null、field37=null、field38=null、field39=null、field40=null、field41=null、field42=null、field43=null、field44=null、field45=null、field46=null、field47=null、field48=null、field49=null、field50=null]，pnrDetails=null，deviceFingerprintID=null，channel=null，cyberSourceProfile=FZH，taDetails=null，paymentMethod=CARD，successURL=https://qa-bookholidays.flydubai.com/payment-capture?s=GIYBV20180611054717483&；locale=en&；d=CMB，failureURL=null，cancelURL=null，pendingURL=null，notificationURL=http://qa-sys-bookholidays.flydubai.com/AccountsMa管理员/fzeps，contactInfo=PayerContactInfoDto[电子邮件]=a@test.com，电话号码=+2134543535345]，GeneratedOp=null]“

考虑到上面是我的td，它必须在3或4个字符后显示..（点），不能使用任何脚本

单击它时，整个文本应显示在弹出窗口中

i这是您想要的吗

您可以通过单击来切换文本可见性

var元素=document.querySelector（“.mytd”）；
元素。addEventListener（“单击”，函数（）{
this.classList.toggle（“mytd”）；
})

td.mytd{
最大宽度：200px；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}

“PaymentRequestDto[systemId=FZHolidays，entityId=GIYBV20180611054717483，paymentId=FZLEKS20180611054912756，币种=AED，金额=1419.18，apiOperation=null，requestType=TRAVEL，gateway=TNSPAY，transactionRef=87904，sessionId=4BA006BF-9ab7-49ad-bda7-0526e38d8601，
billTo=billtodo[firstName=sdad，lastName=adad，street=sadad，street1=null，street2=null，city=adada，state=null，postalCode=null，country=BH，emailId=null]，travelDetails=traveldetailsdo[departureDate=2018-07-10，departureTime=23:20，gmtVariation=+04:00，
bookingChannel=WEB，carrierCode=FZ，flightNumber=FZ 547:FZ 548，fareBasisCode=RRBP8AE5:RRBP8AE5，passengerCount=1，completeRoute=DXB-CMB:CMB-DXB，journeyType=Return，legs=[LegDto[origin=DXB，destination=CMB，id=1]，LegDto[origin=CMB，destination=DXB，
id=2]]]，items=[ItemDto[unitPrice=665.970962193128，quantity=1，productCode=SERVICE，productName=FLT，productSKU=DXB-CMB:CMB-DXB，firstName=1，lastName=test，userID=1，status=Reserved，userType=成人，userEmail=a@test.com，userPhone=+2134543535345，
chargeDetails=[]]、threeDSecureInfo=null、ipAddress=10.1.20.128、browserAcceptHeader=null、browseUserAgentHeader=null、redirectionURL=null、locale=null、systemData=SystemDataDto[field1=AIR&；LAND、field2=Mahasen by Foozoo、field3=2.5、field4=260.94、，
字段5=CMB，字段6=N，字段7=FZE，字段9=LK，字段10=null，字段11=null，字段12=N，字段13=null，字段14=null，字段15=null，字段16=null，字段17=null，字段18=null，字段19=null，字段20=null，字段21=null，字段22=null，字段23=null，
field24=null，field25=null，field26=null，field28=null，field29=null，field30=null，field31=null，field32=null，field33=null，field34=null，field35=null，field36=null，field37=null，field38=null，field39=null，field40=null，field41=null，field42=null，
field43=null，field44=null，field45=null，field46=null，field47=null，field48=null，field49=null，field50=null]，pnrDetails=null，deviceFingerprintID=null，channel=null，cyberSourceProfile=FZH，taDetails=null，paymentMethod=CARD，successURL=https://qa-bookholidays.flydubai.com/payment-capture?s=GIYBV20180611054717483&；地区=欧洲和欧洲=CMB，
failureURL=null，cancelURL=null，pendingURL=null，notificationURL=http://qa-sys-bookholidays.flydubai.com/AccountsManager/fzeps，contactInfo=PayerContactInfoDto[电子邮件]=a@test.com，电话号码=+2134543535345]，GeneratedOp=null]“

您已经在代码中注释了这一点

编辑：

---

您不能隐藏溢出文本并显示弹出窗口。因为它也会隐藏弹出窗口。您必须使用溢出隐藏或使用弹出窗口。td标记使其他解决方案更加困难。

是的，它工作正常，谢谢，单击它弹出窗口应显示整个文本，我不想使用模态，请帮助如何操作是的，它工作正常，继续点击它弹出窗口应该显示整个文本，我不想使用模态，请帮助如何做到这一点你不能隐藏溢出并显示弹出窗口

<td _ngcontent-c2="" style="/* display: table-cell; *//* text-overflow: ellipsis; *//* width: 250px; *//* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */">"PaymentRequestDto [systemId=FZHolidays, entityId=GIYBV20180611054717483, paymentId=FZLEKS20180611054912756, currency=AED, amount=1419.18, apiOperation=null, requestType=TRAVEL, gateway=TNSPAY, transactionRef=87904, sessionId=4ba806bf-9ab7-49ad-bda7-0526e38d8601, billTo=BillToDto [firstName=sdad, lastName=adad, street=sadad, street1=null, street2=null, city=adada, state=null, postalCode=null, country=BH, emailId=null], travelDetails=TravelDetailsDto [departureDate=2018-07-10, departureTime=23:20, gmtVariation=+04:00, bookingChannel=WEB, carrierCode=FZ, flightNumber=FZ 547:FZ 548, fareBasisCode=RRBP8AE5:RRBP8AE5, passengerCount=1, completeRoute=DXB-CMB:CMB-DXB, journeyType=Return, legs=[LegDto [origin=DXB, destination=CMB, id=1], LegDto [origin=CMB, destination=DXB, id=2]]], items=[ItemDto [unitPrice=665.9709621993128, quantity=1, productCode=SERVICE, productName=FLT, productSKU=DXB-CMB:CMB-DXB, firstName=one, lastName=test, userID=1, status=Reserved, userType=Adult, userEmail=a@test.com, userPhone=+2134543535345, chargeDetails=[]]], threeDSecureInfo=null, ipAddress=10.1.20.128, browserAcceptHeader=null, browseUserAgentHeader=null, redirectionURL=null, locale=null, systemData=SystemDataDto [field1=AIR &amp; LAND, field2=Mahasen by Foozoo, field3=2.5, field4=260.94, field5=CMB, field6=N, field7=, field8=FZE, field9=LK, field10=null, field11=null, field12=N, field13=null, field14=null, field15=null, field16=null, field17=null, field18=null, field19=null, field20=null, field21=null, field22=null, field23=null, field24=null, field25=null, field26=null, field28=null, field29=null, field30=null, field31=null, field32=null, field33=null, field34=null, field35=null, field36=null, field37=null, field38=null, field39=null, field40=null, field41=null, field42=null, field43=null, field44=null, field45=null, field46=null, field47=null, field48=null, field49=null, field50=null], pnrDetails=null, deviceFingerprintID=null, channel=null, cyberSourceProfile=FZH, taDetails=null, paymentMethod=CARD, successURL=https://qa-bookholidays.flydubai.com/payment-capture?s=GIYBV20180611054717483&amp;locale=en&amp;d=CMB, failureURL=null, cancelURL=null, pendingURL=null, notificationURL=http://qa-sys-bookholidays.flydubai.com/AccountsManager/fzeps, contactInfo=PayerContactInfoDto [email=a@test.com, phoneNumber=+2134543535345], generatedOTP=null]"</td>