相关疑难解决方法(0)

使用AngularJS在HTML中添加换行符

我正在尝试让AngularJS和/或HTML在2行中打印出以下内容:

FOO
BAR
Run Code Online (Sandbox Code Playgroud)

但是尽管我换行了,但我下面的HTML和JS在同一行上显示了它\n

的HTML

<div ng-controller="MyCtrl">
  {{name}}!
</div>
Run Code Online (Sandbox Code Playgroud)

的JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.name = 'FOO \n BAR';
}
Run Code Online (Sandbox Code Playgroud)

这可能吗?

JSFiddle

html newline angularjs

6
推荐指数
1
解决办法
2万
查看次数

禁用 &lt;p&gt; 标签自动修剪文本

我在 var 中有一些文本。var text = " Hell O "。文本的每个字符都包含在 span 标签中,给定一个 id,然后附加到 ap 标签的 innerhtml 中。然后使用函数对每个跨度进行样式设置(在事件上)。

问题是 p 标记开头或结尾的任何空格都没有突出显示。我不确定 p 标签是否忽略空格并且不将它们包含在最后的 para 中。但似乎确实不包括第一个/最后一个空格。

顺便说一句,这是我的造型功能。

function highlightLetter(typedletter) {
        var targetId = "h"+( typedletter );
        makeGreen = document.getElementById(targetId) ;
        if (makeGreen) {
            console.log(makeGreen.innerText.charCodeAt(0)) ;
            if (makeGreen.innerText.indexOf(String.fromCharCode(10)) == -1 ) {
                makeGreen.style.background  = "lightgreen" ;
            }

        }
    }
Run Code Online (Sandbox Code Playgroud)

有任何想法吗 ?

谢谢

html javascript

2
推荐指数
1
解决办法
4472
查看次数

标签 统计

html ×2

angularjs ×1

javascript ×1

newline ×1