为什么angular ng-bind不从JSON读取\n换行符？
Angular的ng-bind指令用于将数据绑定到HTML元素上，它会将数据的值插入到HTML元素的内容中。然而，ng-bind在处理JSON数据时，不会将换行符显示出来。
这是因为在HTML中，换行符被视为空白字符，会被浏览器忽略或合并。当ng-bind将JSON数据的值插入到HTML元素中时，换行符会被视为空白字符而被忽略，因此不会显示出来。
如果想要在ng-bind中显示换行符，可以使用CSS的white-space属性来控制元素的换行方式。可以将white-space属性设置为"pre"或"pre-line"，这样元素中的换行符就会被保留并显示出来。
以下是一个示例：
HTML代码：
<div ng-bind="jsonData" style="white-space: pre-line;"></div>Angular控制器代码：
$scope.jsonData = JSON.stringify({ "name": "John", "age": 30, "address": "123 Street\nCity" });在上面的示例中，JSON数据中的地址字段包含了一个换行符"\n"。通过将元素的white-space属性设置为"pre-line"，换行符会被保留并显示出来。
推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云云数据库MySQL版（CDB），腾讯云对象存储（COS）。
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
我有一个JSON文档，其中的一些数据是多行字符串
我尝试了以下选项，但似乎都不起作用
例如：
[
{
"someString" : "A rather long string of English text, an error message \
actually that just keeps going and going -- an error \
message to make the Energizer bunny blush (right through \
浏览 0提问于2017-08-19得票数 1
3回答
未定义$http
、、
当我尝试在项目中注入$http服务时，我对棱角JS还不熟悉，并且会出现以下错误。请参阅下面的代码文件。
如您所见，我已经创建了一个<ng-app="myapp">，并为相同的控制器创建了一个控制器。如本教程所述，我在View.js中注册了控制器，并尝试加载'data.json‘文件数据。但是，在运行程序期间，由于没有定义$http，所以我得到了错误。
View.html
<!DOCTYPE html>
<html lang="en">
<head>
<script
src="htt
浏览 7提问于2016-01-25得票数 0
回答已采纳
2回答
在范围内，"ug“属性依赖于"user”和"age"，当我更新"user“或"age”时，为什么"ug“不更新？我如何更新"ug“
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp" ng-controller="ctrl">
user:<input ng-m
浏览 4提问于2016-09-08得票数 0
我试图将一个后期计算的字段绑定到我的ui上，但没有成功，这是我的控制器--
PaymentsController = ['$scope', 'Payment','Campaign', ($scope, Payment,Campaign)->
Payment.query().then((payments) ->
$scope.payments = payments
angular.forEach($scope.payments,(payment,index)->
payment.from = $scope.getFrom(pa
浏览 0提问于2014-02-08得票数 0
我在使用strtok时遇到了一些问题，我正在用C语言编写代码，尝试从文本文件中读取，但是，只读取第一行，因为由于某种原因，变量arq在第一行之后变为NULL。
txt：
ola
oi
a
b
e
z
代码：
void le_arquivo(char *optarg) {
FILE *respostas;
char *arq;
char resp[SBUFF];
char *tokens[SBUFF];
int c = 0;
浏览 2提问于2018-10-21得票数 1
回答已采纳
2回答
是否有一种角度的方法可以将输入元素包装到ngForm指令中？(我需要使用ngForm，这是一个asp.net表单)
angular.module('app',[])
.controller('formCtrl', function($scope){
$scope.formFields;
$scope.model={
"text": 'simple text',
"number": 1,
"textarea": 'lsadij isdajo\n da
浏览 0提问于2016-04-28得票数 2
回答已采纳
我试图使用和来模拟行为。
但是，这种行为很古怪：有什么想法吗？
HTML：
<div ng:controller="controller">
<ul class='mysortable' ui:sortable ui:options="{connectWith:'.mysortable'}" ng:model="list1">
<li ng:repeat="item in list1" class="item">{{ite
浏览 3提问于2013-01-26得票数 2
回答已采纳
4回答
好的，我试图为一个与ng视图有关的SPA加载时间问题创建一个简单的plunkr，看起来我甚至无法创建一个有效的场景。
我想要的是一个带有ng视图和2个模板的SPA，这样每个模板都会显示一些基本数据，并且可以导航到另一个模板。
这是，这是spa的代码
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@1.4.8" data-semver="1.4.8" src="https://code.angularjs.org/1.4.8
浏览 3提问于2016-02-18得票数 0
回答已采纳
1回答
当使用角插值{ blah }而不是ng-bind='blah‘时，我看到了意想不到的行为差异。所以给出一个非常简单的控制器
$scope.name = "Angular"
下面的工作完美地使用了插值和ng绑定。
<div>Interpolation : Hello {{ name }}</div>
<div>ng-bind : Hello <span ng-bind="name"/></div>
输出
Interpolation : Hello Angular
ng-bind : H
浏览 3提问于2015-01-23得票数 4
我在同一页上有不同的弹出窗口，通过点击弹出窗口打开文本区。通过使用ng-model，我试图用不同的弹出窗口和不同的文本区来获取Item.description。
<div id="popover">
<textarea ng-model="$ctrl.test.item.description" cols="4" rows="5"></textarea>
</div>
预期的结果：-从Json对象中，它应该根据我保存的不同的弹出窗口获取不同的描述。
应该只使用angular。
浏览 9提问于2016-10-19得票数 0
2回答
如果我直接在JSON数据中使用磅符号，我就能够在下面的示例中成功地显示磅。我如何分辨角，我想显示Misko有got
(function(angular) {
'use strict';
angular.module('oneTimeBidingExampleApp', []).
controller('EventController', ['$scope', function($scope) {
var counter = 0;
var names = ['Igor got �', &
浏览 3提问于2015-07-16得票数 0
回答已采纳
在浪费了太多时间搜索为什么我的程序在使用scanf()之后不执行get ()之后，我找到了一个解决方案，即在scanf()之后使用fflush(stdin)来启用get()来获取字符串。
问题是fflush(stdin)并没有达到预期的效果:程序继续跳过get()，并且我不能在控制台中写任何要读取的短语。
我的代码是下一个：
#include <string.h>
#include <stdio.h>
int main(){
char nombre[10];
char mensaje[80];
printf("Type your na
浏览 4提问于2014-03-06得票数 1
回答已采纳
1回答
我不明白为什么使用fgets输入总是给我的程序“错误的密码”。
但是，当我使用gets()时，像gets(array);一样，它可以工作。
预期输出:当密码错误时，打印“错误的密码”，如果是正确的密码，请让我看看我的“访问许可”：
#include <stdio.h>
#include <string.h>
int main(void)
{
int n=15;
char array[n];
int pass = 0;
printf("\n Enter the password : \n");
fget
浏览 0提问于2018-11-12得票数 0
回答已采纳
这就是我想让它工作的文件。
我做了一个简单的过滤器，将\n换行符从JSON更改为<br>，以便在HTML中中断行，但它不像预期的那样工作。
问题是:在输出中，<br>标记是按原样显示的，而不是由浏览器呈现为换行。
到目前为止，我已经尝试使用$sce变量来制作新的过滤器，如
angular.module('myApp.filters', [])
.filter('linebreak', function() {
return function(text) {
return text.replace(/\n/g,
浏览 2提问于2014-05-21得票数 2
回答已采纳
我正在使用angular js对json数据进行排序。一切都很正常，但在顶部显示的是empty或带有null数据的json部分。任何人都有一个示例，可以将空数据和null数据都压到底部。
示例
{itemId: 42608125,
parentItemId: 42608125,
name: "Apple iPod touch 32GB, Assorted Colors",
salePrice: 237.49,
upc: "888462353151"
},
{itemId: 39875894,
parentItemId: 39875894,
name: "
浏览 6提问于2016-06-06得票数 0
size_t n;
scanf("%d", &n);
char** arr;
arr = (char**)malloc(n * sizeof(char*));
for (size_t i = 0; i < n; ++i)
{
*(arr + i) = (char*)malloc(10000 * sizeof(char));
scanf(" %[^\n]",*(arr+i));
*(arr + i) = (char*)realloc(*(arr + i), strlen(*(arr + i)) + 1);
puts
浏览 3提问于2020-05-28得票数 2
我正在尝试更新一个$scope变量onClick，它从本地JSON文件中填充一个表。到目前为止我的代码是
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope, $http) {
$scope.update = function () {
// Load JSON data to $scope
$http({
method: 'get
浏览 0提问于2018-11-04得票数 1
回答已采纳
我想使用ssh和Python更改Ubuntu用户密码。
client = paramiko.SSHClient()
client.set_missing_host_key_policy(paramiko.AutoAddPolicy())
client.connect('xxx.xxx.xxx.xxx', username='xxx', password='xxx')
stdin,stdout,stderr = client.exec_command('sudo passwd test1')
stdin.write('pas
浏览 3提问于2015-07-15得票数 0
1回答
我对这个重复声明有意见。
<div ng-repeat="m in mbct.messages track by $index" ng-click="mbct.message_click($index)" ng-class="mbct.set_class(m.gelesen)">
<div>ABS: <span ng-bind="m.abs"></span> </div>
<div>Betreff: <span ng-bi
浏览 2提问于2016-09-28得票数 2
回答已采纳
2回答
这个错误发生在我加载我的Kendo网格时。请帮帮我，我怎么才能修好它。
angular.js:13920 Error: Invalid template:'<tr data-uid="#=data.uid#" role='row'><td role='gridcell'>#= kendo.toString(new Date(start Date /time), 'd') #</td><td role='gridcell'><span ng-bind=
浏览 3提问于2016-11-22得票数 0
为什么这个小角度模块在更改ng-bind属性时不能更新视图？
<body ng-app="bindExample">
<script>
angular.module('bindExample', [])
.controller('ExampleController', ['$scope', function($scope) {
var vm = this;
vm.name = 'Whirled';
window.setInterval(fun
浏览 3提问于2015-02-10得票数 4
回答已采纳
1回答
我使用JQuery将ng-bind属性设置为Textbox，以便从角度控制器显示模型值。模型的值被绑定到一个选择框上，所以当它发生变化时，我应该在文本框中看到一个变化。
当选择框被更改时，看不到任何内容，但我可以看到使用F12开发人员工具填充的值属性。
为什么我看不到文本框中的值？
<div ng-controller="ExampleController">
<p>This Simulates a Existing Input Box:
<br/>
<input id="originalS
浏览 0提问于2014-11-14得票数 0
为什么templateUrl会改变编译行为？如果你注释掉第7行，你会看到44行。
var app = angular.module('plunker', []);
app.directive('something', [function(){
return {
restrict: 'E',
terminal: true,
//templateUrl: 'select.html'
template: '<sp
浏览 0提问于2015-06-22得票数 0
为什么会出现以下错误：
Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
代码
<div ng-app>
<h2>Todo</h2>
<div ng-controller="TodoCtrl">
<span ng-bind="getText()"></span>
</div>
</div>
function TodoCtrl($scope) {
$s
浏览 4提问于2015-01-25得票数 1
回答已采纳
我正在尝试在不使用ngView的情况下构建一个AngularJS/Rails多页面应用程序--基本上，我想在我的rails应用程序中使用Angular的数据绑定和其他功能，同时仍然使用由我的Rails路由决定的视图。到目前为止，它工作正常，但我的主要问题是从我的Angular框架中访问我的rails路由参数。有没有办法以一种角度友好的方式访问URL/参数？我不想求助于切分window.location。
例如，假设我在localhost:3000/articles/1中，我的视图对应于app/views/article/show.html.erb
<div class='arti
浏览 1提问于2014-01-10得票数 2
6回答
我有一个输入字段，我希望用户输入一个数字，所以我用type=" number“创建了一个输入字段。
当我在1.2中使用它时，我没有错误
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.27/angular.min.js"></script>
<script>
var app = angular.module('app', []);
app.controller('MainCtrl', ['$scop
浏览 3提问于2015-03-01得票数 12
回答已采纳
1回答
我试图从Behance.net中提取数据，当我试图获取信息时，我遇到了两个问题。
第一个问题是试图提取项目的描述。我可以通过调用ng-bind="project.description"来获取信息，但是格式(段落返回)不存在，所以我试图提取格式化的描述。
以下是html：
<div class="col-sm-6">
<h3 ng-bind="project.name"></h3>
<p ng-bind="project.modules.text"></p>
浏览 0提问于2014-04-24得票数 0
回答已采纳
2回答
我不明白为什么函数read总是返回-1。我想从套接字读取，直到'\n‘出现！
char* msg = (char*)malloc(sizeof(char)*120);
nleft = sizeof(msg);
while(nleft>0){
n = read(fdTcp, msg, nleft);
if(n == -1){
printf("error reading UPC\n");
exit(1); //error
}
e
浏览 2提问于2014-09-28得票数 0
istream& operator>>(istream& stream, list<monom>& pol)
{
char z1,z2;
monom m;
stream >> noskipws;
while(stream >> m.a >> z1 >> z2 >> m.i) {
if (z1!=’x’ || z2!=’^’) {
stream.setstate(ios::failbit);
浏览 12提问于2019-03-21得票数 0
回答已采纳
我有一个角度控制器，它有一个功能，可以将post中检索到的html添加到容器中。然后，我可以单击其中的div，该div将var结果设置为一些数据onclick。
<div onclick="var result = {"some":"data", "right":"here"}...
我遇到的问题是保留回调函数的功能。这就是我想要改变的。
jQuery.post(url, {
'callback': "callbackFunctions.setData(resu
浏览 0提问于2016-10-10得票数 0
0回答
我有一些关于我的网站开发的问题。这是堆栈，我将在表中显示数据
路由node.js
var Property = mongoose.model('Property');
var Schema = mongoose.Schema;
var ObjectId = Schema.ObjectId; //Have also tried Schema.Types.ObjectId, mongoose.ObjectId
// Property Routing Management
router.get('/property', function(req, res, n
浏览 0提问于2017-06-02得票数 0
回答已采纳
1回答
#include <stdio.h>
#include <string.h>
int main()
{
int n,m,i,k;
scanf("%d",&n);
char sr[101][101];
for(i=0;i<n;i++)
{
gets(sr[i]);
}
for(k=0;k<n;k++)
{
m = strlen(sr[k]);
if(m>10)
{
printf("%c%d%c\n",sr[k][0],(m-2),sr[k][m-1]);
}
浏览 13提问于2018-05-28得票数 -3
回答已采纳
对于下面的代码，我有一个不寻常的问题。
void Menu()
{
bool end = 0;
int n;
while (!end)
{
scanf("%d", &n);
switch(n)
{
case 1:
my_strlen_show();
break;
//other irrelevant cases 2-6
case 7:
浏览 1提问于2020-12-29得票数 0
回答已采纳
我有两个儿子。例如
1
[ {"id":"23", "name":"mehmet"} , {"id":"22", "name":"jack"} ]
2
[ {"id":"1", "userID":"23"} , {"id":"2", "userID":"23"}, {"id":"3", "userID&
浏览 3提问于2016-07-08得票数 0
回答已采纳
因此，我有一个小型的AngularJS 1.5应用程序，在这个应用程序中，我希望使用axios和一个ES6类控制器来查看来自JSON的一些数据。
angular.module('app', []).controller('listController', listController)
控制器代码：
class CompanyListController {
constructor(){
this.list = ""
}
getList(){
axios.get("./compa
浏览 0提问于2018-12-21得票数 0
我目前正在开发一个简单的“用户输入”程序。用户可以输入一个数字，这是我使用std::io::stdin().read_line(&mut let_name_here).ok().expect("Error");得到的。在获得用户输入后，我希望将其打印到控制台进行审查。
我注意到println中有奇怪的行为！宏。下面的代码
println!("Your input: {}", let_name_here);
println!("Your input: {}", let_name_here);
输出如下：
Your input: 15
Yo
浏览 2提问于2019-09-21得票数 0
所以在我的数据库中，我有时间戳，比如2016-12-30 00:30:10等等。我正在通过$http模块获取它。在我的angular代码中我有这样的代码：
angular
.module('sampleApp')
.controller('ReportCtrl', ReportCtrl)
.factory('Reports', Reports)
.filter('dateToISO', dateToISO);
function ReportCtrl(
浏览 5提问于2016-12-30得票数 0
3回答
我想绑定span元素的内容(即元素的当前位置)。
问题:当我更改元素位置时，角不会更新ng-bind属性的值。
这是我的html：
!doctype html>
<html lang="en" ng-app="exempleApp">
<head>
<meta charset="utf-8">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet&#
浏览 0提问于2015-05-06得票数 1
回答已采纳
1回答
在下面代码的循环中，scanf("%[^\n]s",array)无法工作。它不会等待输入并被跳过。但是在%之前有一个空格来解决这个问题。为什么？
以下是错误的程序：
#include <string.h>
#include <stdio.h>
int main()
{
int t;
scanf("%d",&t);
while(t--){
char arr[199];
scanf("%[^\n]s",arr);
printf(&
浏览 2提问于2017-03-26得票数 6
回答已采纳
2回答
为什么fget把游标带到下一行？
、、、、
我使用fgets()函数从键盘上提取了一个字符串。但是，当我使用printf()打印字符串时，光标会转到新行。
下面是密码。
#include<stdio.h>
int main()
{
char name[25];
printf("Enter your name: ");
fgets(name, 24, stdin);
printf("%s",name);
return 0;
}
下面是输出。
-bash-4.1$ ./a.out
Enter your name: NJACK1 HERO
NJACK1 H
浏览 3提问于2015-02-11得票数 1
回答已采纳
我有一个文本显示在角度。
var text = 'The Zones We are Looking for a Reversal is6000<br><br>We Will Keep Close Eyes on it <br>But Keep in Mind That if We Break Below 6000 USD<br><br>Then This Time We Expect a Hard PullBack Towards 5250-5500 USD Levels<br><br>'
&
浏览 0提问于2019-03-05得票数 1
我是个新手。只是学习/尝试与我的webapp (Java + jQuery+ requireJS)集成。我不使用任何路由器，下面是我的脚本。从其他中，我了解到这个错误是由于缺少了ngRoute模块。从1.1.6版开始，它是一个单独的部分。但是在我下面的代码中，我根本没有使用任何ngRouter。当我没有引用它时，为什么我会得到这个错误？
错误：$injector:modulerr无法实例化模块计数器，原因是：$injector:nomod模块“计数器”不可用！您要么拼错了模块名，要么忘记加载它。如果注册一个模块，请确保将依赖项指定为第二个参数.
模板：
<ul ng-app="c
浏览 2提问于2014-02-03得票数 6
回答已采纳
3回答
首先，我只想说这是来自一本书中的一个练习。这是一个非常简单的计算器。本练习特别说明了使用goto语句(循环回到开头以输入另一个表达式)来实现这一点。我和本书的作者都知道goto语句通常不是一个好主意。我写了这个小程序，但我不明白为什么我不能让它工作。
#include <stdio.h>
int main(void)
{
double num1 = 0.0; // first operand value a decimal number
double num2 = 0.0; // second o
浏览 1提问于2015-11-13得票数 2
我创建了一个c源文件‘function s.c’，它包含一些函数，一个头文件‘function s.h’包含函数的原型，以及一个'main.c‘源文件。现在，我使用main调用函数中的函数。c使用函数中的原型。下面是“Functions.c”文件中的函数。
我的代码：
#include "functions.h"
#include <stdio.h>
#include <string.h>
void func1(void)
{
int i, j, k, l;
char string[25];
printf("Enter an
浏览 0提问于2015-10-19得票数 0
回答已采纳
我得到了org.json.JSONException:无法转换为JSON数组，代码如下：
private String downloadUrl(String myurl) throws IOException {
InputStream is = null;
try {
HttpClient httpclient = new DefaultHttpClient();
HttpPost httppost = new HttpPost("http://csddata.site11.com/json.php");
浏览 0提问于2013-05-25得票数 0
回答已采纳
6回答
我需要用断行符显示文本，这是脚本
<script>
var app = angular.module('MyApp', []);
app.controller('Ctrl', function ($scope) {
console.log('Controller is executed');
$scope.btnClick = function () {
console.log($scope.desc);
}
$scope
浏览 0提问于2017-03-23得票数 14
回答已采纳
4回答
我试图用它的空白模板来实现离子型用户界面。这是我在/pages/home/文件夹中的home.ts文件。
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
items = [
{id: 1,text:"
浏览 4提问于2017-05-30得票数 3
回答已采纳
我对fgets有一些怀疑。据我所知，它在字符串的末尾添加了"\n“，而不是"\0”。所以如果我写这段代码：
fgets(buff,2,stdin);
printf("%s",buff);
所以fgets读取两个字符，我输入"y"，所以buff应该是"y\n“。我期望printf打印y并添加一行，而它打印"y“而不添加一行。你能解释一下为什么吗？
浏览 0提问于2014-10-13得票数 3
回答已采纳
我制作了一个角度中继器，显示来自json数组的一些数据。
<html ng-app="myApp">
<head>
<title>Suitcases</title>
</head>
<body ng-controller="suitCaseController">
<h2>SuitCases</h2>
<ul class="nav">
<li><a
浏览 3提问于2015-07-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
