【问题标题】:AngularJS array does not take \nAngularJS 数组不占用 \n
【发布时间】:2017-12-20 18:37:28
【问题描述】:

以下数组定义了我的应用的“关于”:

var aboutEntries = [
        { label: 'Name', value: apkDependencies.apkName },
        { label: 'Company', value: apkDependencies.apkCompany },
        { label: 'Version', value: apkDependencies.apkVersion },
        { label: "Apk's supported", value: apkDependencies.apkPackagearmv7},
        { label: "", value: apkDependencies.apkPackagex86},
        { label: 'Build Date', value: apkDependencies.apkDate }
    ]

但是,对于标签 Apk 的支持,它在中间放置了一条线。意思是打印

xxxxarmv7.apk
-------------------
xxxxxx86.apk

我想避免它放在两个 apk 名称之间的行。 所以为了避免这条线我做了如下但“\ n”不起作用。 如何使 \n 工作或如何在它们之间不加线的情况下打印它?

var aboutEntries = [
        { label: 'Name', value: apkDependencies.apkName },
        { label: 'Company', value: apkDependencies.apkCompany },
        { label: 'Version', value: apkDependencies.apkVersion },
        { label: "Apk's supported", value: apkDependencies.apkPackagearmv7 + "\n" + apkDependencies.apkPackagex86},
        { label: 'Build Date', value: apkDependencies.apkDate }
    ]

以下是我用来创建模板的 HTML 代码,稍后我使用 ionicPopup() 发出消息:

    var template = ''
            aboutEntries.forEach(function (item) {
              template += '<ion-item>' +
                '<ion-label item-left>' + item.label + '</ion-label>' +
                '<ion-note item-right>' + item.value + '</ion-note>' +
              '</ion-item>'
            })

            template = '<ion-list>' + template + '</ion-list>'
            var alertPopup = $ionicPopup.alert({
              title: 'About CareBank Application',
              template: template
            });

【问题讨论】:

  • 向我们展示您的其余代码; html 一个,css 两个。
  • 我只是添加了html,没有CSS。两个数组也是一样的。为了清楚起见,我将它们显示为两个实例。感谢您的回复。
  • 请用所有正在使用的框架正确标记问题,因为 vanilla js 不是您唯一使用的。
  • 解决了我所要做的就是用
    替换 "\n" 并且它可以工作。我的思考过程是错误的,实际上执行打印部分的 HTML 忽略了字符串的换行符。感谢@Daedalus,当您要求提供 HTML 代码时,我意识到并接受了提示。所以这个issue可以关闭了

标签: javascript html angularjs


【解决方案1】:

\n 不是有效的 HTML。也许您需要一个&lt;br&gt; 标签。将您的 \n 替换为 &lt;br&gt;

【讨论】:

  • 点击向下箭头下方勾勒出的复选标记,将此问题标记为已解决。
  • 是的,我做到了,它有效,但由于某种原因,我无法点击答案。请将此视为已关闭。
猜你喜欢
  • 2018-08-29
  • 2014-08-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-04-01
  • 2022-01-23
  • 2016-09-01
相关资源
最近更新 更多