如何将“slugified-title”转换为“slugified title”

Posted 2023-02-24

【中文标题】如何将“slugified-title”转换为“slugified title”

【英文标题】：How to convert "slugified-title" to "Slugified Title"

【发布时间】：2017-08-08 00:05:28

【问题描述】：

我正在使用 angular-slugify 从标题输入中生成一个 slug。但是有什么办法可以将其恢复为标题吗？我是 angularjs 新手，似乎没有用于恢复标题的资源。

更新

如何在angularjs 或javascript 中将this-is-a-slug-title 转换为This Is A Slug Title？作为初学者，这对我来说可能比较先进，但非常感谢您的帮助。

【问题讨论】：

你不能访问标题吗？读取 slugify 读取的属性？

我可以在同一个视图和控制器中执行此操作，但我将 slugified 标题传递给 routeParams，这将在下一个控制器中访问，所以我不想将两个变量传递给下一个控制器，而是其中我只需将其再次转换回标题并在模板中显示。

“Slugification”是有损操作。这基本上意味着不能保证您可以恢复原始字符串。如果您仍然想这样做，您将如何在纸上手动执行此操作？解释详细步骤。

@zerkms 嗨，我没有任何逻辑来为反向 slugification 制定详细的步骤，但有人告诉我你可以创建它。

那么，如果给您“this-is-a-slug-title”字符串，您将无法将其写回 de-slugified？ “但有人告诉我你可以写”——我当然可以！

【参考方案1】：

我编写了一个简单的自定义函数，通过将字符串拆分为数组并将每个项目的第一个字符大写并将数组重新连接为字符串，将 slugified 字符串转换回正常状态。

function inverse_slugify(s) 
    return s.toLowerCase()
            .split('-')
            .map(i => i[0].toUpperCase() + i.substr(1))
            .join(' ');

DEMO