angularjs手动识别字符串中的换行符方法 程序员文章站 2022-03-20 15:19:09 情景一 html： <div class="content"> <p><span style="color: #ff0000"><strong>情景一</strong></span></p> <p><strong>html：</strong></p> <div class="jb51code"> <pre class="brush:xhtml;"> <textarea style="text-align: left;color: yellow;" disabled="true">{{value}}</textarea></pre> </div> <p><strong>controller：</strong></p> <p>$scope.value="1.javascript \n 2.html5 \n 3.c++";</p> <p><strong>显示：</strong></p> <p>1.javascript</p> <p>2.html5</p> <p>3.c++</p> <p><span style="color: #ff0000"><strong>情景二</strong></span></p> <p><strong>html：</strong></p> <div class="jb51code"> <pre class="brush:xhtml;"> <textarea style="text-align: left;color: yellow;" disabled="true">{{value}}</textarea></pre> </div> <p><strong>controller：</strong></p> <div class="jb51code"> <pre class="brush:js;"> $scope.value=$scope.resource.valuestr; //从strings_en.properties文件中读取字符串</pre> </div> <p><strong>strings_en.properties：</strong></p> <p>valuestr=1.javascript \n 2.html5 \n 3.c++</p> <p><strong>显示：</strong></p> <p>1.javascript \n 2.html5 \n 3.c++</p> <p>可见，这种情况下，<textarea>并没有识别'\n'换行符</p> <p><span style="color: #ff00ff"><strong>解决办法：</strong></span></p> <div class="jb51code"> <pre class="brush:js;"> function newlinebysign(value){value=trim(value);var result='';if(value.indexof("\\n")>0) { result=value.replace(/(\\n)/g,"$1\n");result=result.replace(/(\\n)/g,"");} return result; } controller: $scope.value=newlinebysign($scope.resource.valuestr); //手动识别换行符</pre> </div> <p><strong>显示：</strong></p> <p>1.javascript</p> <p>2.html5</p> <p>3.c++</p> <p><strong>结束语：</strong>实际应用中，为了解决国际化问题，我们都会将字符串资源放到指定的配置文件中，比如我用到的</p> <p><strong>strings_en.properties和strings_zh.properties</strong></p> <p>分别表示英文和中文。从文件中获取字符串资源后html控件并</p> <p>不能自动识别换行符，此时便需要我们手动去识别。</p> <p>以上这篇angularjs手动识别字符串中的换行符方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。</p> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/260159.html"> jquery实现一个简单的表单验证实例_jquery </a> </p> <p> 下一篇： <a href="/article/260161.html"> angularjs使用div模拟textarea文本框的方法 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2158900.html" target="_blank" title="Java 替换字符串中的回车换行符的方法"> <h2> Java 替换字符串中的回车换行符的方法 </h2> </a> </li> <li> <a href="/article/2154878.html" target="_blank" title="php 字符串中的 换行符无效、不能换行的解决方法"> <h2> php 字符串中的 换行符无效、不能换行的解决方法 </h2> </a> </li> <li> <a href="/article/2052281.html" target="_blank" title="php 字符串中的 换行符无效、不能换行的解决方法"> <h2> php 字符串中的 换行符无效、不能换行的解决方法 </h2> </a> </li> <li> <a href="/article/1772817.html" target="_blank" title="php 字符串中的 换行符无效、不能换行的解决方法"> <h2> php 字符串中的 换行符无效、不能换行的解决方法 </h2> </a> </li> <li> <a href="/article/1662870.html" target="_blank" title="angularjs手动识别字符串中的换行符方法"> <h2> angularjs手动识别字符串中的换行符方法 </h2> </a> </li> <li> <a href="/article/1660151.html" target="_blank" title="PHP删除字符串中的空格和换行符究极方法"> <h2> PHP删除字符串中的空格和换行符究极方法 </h2> </a> </li> <li> <a href="/article/1374573.html" target="_blank" title="php 字符串中的n换行符无效、不能换行的解决方法_PHP教程"> <h2> php 字符串中的n换行符无效、不能换行的解决方法_PHP教程 </h2> </a> </li> <li> <a href="/article/1253076.html" target="_blank" title="php 字符串中的n换行符无效、不能换行的解决方法"> <h2> php 字符串中的n换行符无效、不能换行的解决方法 </h2> </a> </li> <li> <a href="/article/1251358.html" target="_blank" title="php 字符串中的 换行符无效、不能换行的解决方法"> <h2> php 字符串中的 换行符无效、不能换行的解决方法 </h2> </a> </li> <li> <a href="/article/1140043.html" target="_blank" title="php 字符串中的n换行符无效、不能换行的解决方法_PHP教程"> <h2> php 字符串中的n换行符无效、不能换行的解决方法_PHP教程 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>