小编Loc*_*tKs的帖子

我有一个纯 javascript 库，用户可以通过 npm 安装。我想向这个库添加/创建一个 Angular“包装器”，以便它可以在 Angular 项目中无缝使用，但我不知道如何做到这一点。我正在使用 Angular-cli v6。

这与如何为现有 Javascript 库创建 Angular 库包装器非常相似？，但是唯一的响应是指向 ng-packagr 的链接。我已经完成了一些关于使用 ng-packagr 创建库的教程，但是它们没有描述（并且我在其他地方找不到示例）如何围绕非 Angular JS 库创建包装器。

任何帮助是极大的赞赏！:)

根据此 SO thread，flatMap或者reduce当需要映射和过滤一组对象时推荐，特别是如果他们想避免多次循环遍历集合。就我个人而言，我更喜欢使用它flatMap，因为我认为它更容易阅读，但这当然完全是主观的。除了 的浏览器兼容性问题之外flatMap，是否普遍推荐一种方法或比另一种方法更有利（可能是因为但不限于性能或可读性的原因）？

更新：这是来自 flatMap 过滤的参考答案的示例：

var options = [{
    name: 'One',
    assigned: true
  },
  {
    name: 'Two',
    assigned: false
  },
  {
    name: 'Three',
    assigned: true
  },
];

var assignees = options.flatMap((o) => (o.assigned ? [o.name] : []));
console.log(assignees);

document.getElementById("output").innerHTML = JSON.stringify(assignees);

<h1>Only assigned options</h1>
<pre id="output"> </pre>

我想在现有的纯 Javascript 库中添加/创建一个新的 Angular 组件，以便该库可以轻松集成到 Angular 应用程序中。Angular 组件本质上是该库的包装器。出于同样的目的，我们已经向库中添加了一个 React 包装器。

鉴于Angular是一个框架解决方案，并且我不想大幅度改变现有JS项目的结构，是否可以将Angular添加到现有JS项目中？ 如果是这样，高层是如何做到的？我通常在其他项目中使用 Angular-cli v6。