个人中心
gpt4 book ai didi

javascript - 如何将标题设置为 /
标签，以便它应该读取数据中的
标签并在单独的行中显示工具提示？

转载 作者：太空宇宙 更新时间：2023-11-04 03:21:49 25 4
gpt4 key购买 nike

我有下面的 angular js 示例代码，它将读取数据中的 HTML 标记并显示内容。屏幕上的数据显示如 -
嗨迈克!
早上好!!!

我有要求根据数据显示显示标题。这样的标题/工具提示也应该在 2 个单独的行中显示内容(考虑到数据中的 br。当前标题/工具提示显示为 Hi Mike!<br/> Good Morning!!!单行

示例代码:

<html ng-app>
<head>
    <title>Sample</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.1.1/angular.js"

type="text/javascript">

<script type="text/javascript">
            function SampleCtrl($scope) {
                $scope.message = "Hi Mike! <br/> Good Morning!!!"
            }   

        </script>
</head>
<body>
    <div ng-controller="SampleCtrl">
        <span title="{{message}}" ng-bind-html-unsafe="message"></span>
    </div>
</body>
</html>

最佳答案

您应该能够使用换行符 \n 而不是使用 HTML 换行符。因为 title 属性将其内容作为字符串读取，所以它不会呈现 HTML 数据。

查看:http://jsfiddle.net/tcjbkqqz/ 

var app = angular.module('test', []);
app.controller('SampleCtrl', function($scope) {
     $scope.message = "Hi Mike!\nGood Morning!!!"
});

关于javascript - 如何将标题设置为 <span>/<div> 标签，以便它应该读取数据中的 <br/> 标签并在单独的行中显示工具提示？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27785357/

25 4 0
文章推荐： javascript - 如何将 mongo objectId 字段设置为 null 或为空甚至删除该字段？
文章推荐： c - 我的 Inspect Bits 函数代码测试结果失败
文章推荐： javascript - Node Js如何等待forEach执行并获取计数结果
文章推荐： python - 在 pep8 的 setup.cfg 中排除一个子目录