如何用换行符显示文本 [英] How to show the text with Line Breaks
本文介绍了如何用换行符显示文本的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我需要用换行符显示文本，这是脚本
< script>
var app = angular.module（'MyApp'，[]）;
app.controller（'Ctrl'，function（$ scope）{
console.log（'Controller is executed'）;
$ scope.btnClick = function（）{
console.log（$ scope.desc）;
}
$ scope.ShowData = function（）{
$ scope.text = $ scope.desc;
}
}）;
< / script>
这是html代码
< body ng-controller =Ctrl>
< form>
< button ng-click =btnClick（）>提交< / button>
< button ng-click =ShowData（）>显示< /按钮>
< / form>
< div ng-bind =text>< / div>
解决方案< pre>< / pre> 标记内而不是
或在您的div上使用
< div> 。 或在您的div上使用
style =white-space：pre-wrap; I need to display the text with the line breaks, this is the script
<script>
var app = angular.module('MyApp', []);
app.controller('Ctrl', function ($scope) {
console.log('Controller is executed');
$scope.btnClick = function () {
console.log($scope.desc);
}
$scope.ShowData = function () {
$scope.text = $scope.desc;
}
});
</script>
And this is the html code
<body ng-controller="Ctrl">
<form>
<textarea ng-model="desc" cols="105" rows="15"></textarea>
<button ng-click="btnClick()">Submit</button>
<button ng-click="ShowData()">Show</button>
</form>
<div ng-bind="text"></div>
解决方案
Try render text inside <pre></pre> tag instead of <div>.
Or use style="white-space:pre-wrap;" on your div.
这篇关于如何用换行符显示文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
