AngularJS字符串带有换行符，不带有换行符显示

12 浏览2023年7月14日

匿名的 2023年7月14日

0 Comments

在数据库中，我保存了一个文本区域的输入，其中可以添加换行符。但是如何在Angular视图中显示它们呢？对于PHP来说，可以使用nl2br()函数。

例如：{{ item.foobar }}，其中保存在数据库中的换行符会被显示出来。

如何使 AngularJS 中的 textarea 识别换行符？

保留AngularJS中的换行符

当字符串包含"↵"时如何换行？

angularjs换行过滤器，没有其他html

如何在angularjs模板中显示HTML，而不是字符串？

jQuery将换行符转换为br（等同于nl2br）

"呈现为文本而不是换行符。">AngularJS将"
"呈现为文本而不是换行符。

如何在Angularjs中的字符串插值中换行。

在VueJS中渲染换行符

如何在插入的文本中包含换行符

如何从字符串中渲染HTML？

如何在HTML textarea中添加换行符

JavaScript字符串具有换行 - 但不使用\n

我如何用`
`元素替换字符串中的所有换行符？

为什么\n和
不在字符串中起作用？

在html中，行尾和制表符的结束

当从textarea获取文本时，如何保留换行符？

如何在Angular数据中显示或任何原始HTML？

在

的placeholder属性中插入换行符？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                        <div id="question-467165" style="margin: 5px auto 0">
                        <div class="ap-questions-inner">
                            <div class="ap-questions-summery" style="padding: 0;margin: 0">
                                <span class="ap-questions-title" itemprop="name">
                                    <a class="ap-questions-hyperlink" itemprop="url" target="_blank" href="https://it.jidaohang.com/question/467165/" rel="bookmark" title="你可以将换行符 \n 显示为换行符 <br /> 吗？">你可以将换行符 \n 显示为换行符 <br /> 吗？</a>
                                </span>
                                <div class="ap-display-question-meta">

</div>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top: 0.75rem;margin-bottom: 0.75rem;">
                                </div>
		</div>
				<aside class="col-12 col-xl-3 mt-5 mt-xl-0">
			<div class="ap-question-info">
				<div id="ap_search_widget-2" class="ap-widget-pos widget_ap_search_widget">
<form id="ap-search-form" class="ap-search-form" action="https://it.jidaohang.com/">
    <div class="input-group">
	<input type="text" class="form-control autocomplete-questions" placeholder="搜索问题..." name="s" />
	<input type="hidden" name="post_type" value="question" />
        <div class="input-group-append"> 
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
        </div>
    </div>
</form>
</div>			</div>
		</aside>
		
	</div>
</div>
</div>            <div class="clearfix"></div>
            </div>
</main>

<div class="clearfix"></div>
<footer id="scisco-footer">
            <div id="footer-widgets">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-lg-4 mb-5 mb-lg-0">
    <div id="media_image-1" class="widget_media_image scisco-widget"><img width="482" height="128" src="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png" class="image wp-image-10050 scisco-footer-logo attachment-full size-full" alt="" style="max-width: 100%; height: auto;" decoding="async" loading="lazy" srcset="https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929.png 482w, https://it.jidaohang.com/wp-content/uploads/2023/02/cropped-logo-1-e1676604043929-300x80.png 300w" sizes="(max-width: 482px) 100vw, 482px" /></div><div id="text-2" class="widget_text scisco-widget">			<div class="textwidget"><p>Lorem ipsum dolor sit amet, libero adipiscing elit. Donec et lacus ut quam ullamcorper aliquet id et sem. Neque tincidunt, ac pulvinar metus.</p>
<p><a href="https://smartsqa.com">smartsqa</a></p>
</div>
		</div></div>
<div class="col-12 col-lg-4 mb-5 mb-lg-0">
    </div>
<div class="col-12 col-lg-4">
    </div>
 
            </div>
        </div>
    </div>
                <div id="scisco-footer-bottom">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-12 col-md-6">
                                        <p>Copyright 2023 | <a href="http://www.beian.miit.gov.cn">浙ICP备19008543号-1</a></p>                                    </div>
                <div class="col-12 col-md-6 mt-3 mt-md-0">
                                </div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
    </footer>
</div>
<div id="scisco-gototop" data-toggle="tooltip" data-placement="top" title="Go to Top">
    <i class="fas fa-arrow-up"></i>
</div>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/jquery/jquery.form.min.js" id="jquery-form-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/underscore.min.js" id="underscore-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-includes/js/backbone.min.js" id="backbone-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/lib/selectize.min.js" id="selectize-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/common.js" id="anspress-common-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/question.js" id="anspress-question-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/ask.js" id="anspress-ask-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/list.js" id="anspress-list-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/assets/js/notifications.js" id="anspress-notifications-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer/templates/js/theme.js" id="anspress-theme-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shCore.js" id="syntaxhighlighter-core-js"></script>
<script type="text/javascript" src="https://it.jidaohang.com/wp-content/plugins/anspress-question-answer//addons/syntaxhighlighter/syntaxhighlighter/scripts/shAutoloader.js" id="syntaxhighlighter-autoloader-js"></script>
<script type="text/javascript" id="syntaxhighlighter-js-before">
/* <![CDATA[ */
			aplang = aplang||{};
			aplang.shLanguage = '语言';
			aplang.shInline = '是内联的吗？';
			aplang.shTxtPlholder = '在此处插入代码段...';
			aplang.shButton = '插入编辑器';
			aplang.shTitle = '插入代码';

AngularJS字符串带有换行符，不带有换行符显示

0 答案