Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sql-server-2005/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular material 角度材质:带matTooltip的显示材质_Angular Material_Tooltip_Validationerror - Fatal编程技术网

Angular material 角度材质:带matTooltip的显示材质

Angular material 角度材质:带matTooltip的显示材质,angular-material,tooltip,validationerror,Angular Material,Tooltip,Validationerror,我想在输入下显示一个气泡内的验证错误,只要用户聚焦元素,该气泡就可见。 显然,这不是一项容易的任务,我放弃了我第一次尝试只使用CSS来完成这项任务(不能使它过于特定的元素,如果元素位于页面的末尾怎么办等等) 所以我回到angular页面,找到了matTooltip,它的行为完全符合我的要求。(在其他元素的顶部,当在页面末尾时改变位置等):)但是我一直在思考如何最好地结合这两个元素 matError与matFormField紧密耦合,matTooltip或多或少是独立的 有人试过这个或类似的东西吗

我想在输入下显示一个气泡内的验证错误,只要用户聚焦元素,该气泡就可见。 显然,这不是一项容易的任务,我放弃了我第一次尝试只使用CSS来完成这项任务(不能使它过于特定的元素,如果元素位于页面的末尾怎么办等等)

所以我回到angular页面,找到了matTooltip,它的行为完全符合我的要求。(在其他元素的顶部,当在页面末尾时改变位置等):)但是我一直在思考如何最好地结合这两个元素

matError与matFormField紧密耦合,matTooltip或多或少是独立的


有人试过这个或类似的东西吗?

你可以结合使用
matTooltip
matTooltipDisabled


Stackblitz示例:


希望有帮助

好主意,但是工具提示只有在我浏览输入时才可见,并且在我开始编辑时消失。根据,您可以手动显示或隐藏工具提示。也许您可以构建一个指令来强制工具提示保持可见