小编Nik*_*Nik的帖子

我正在使用Angular 2+和Angular CLI.

如何为我的项目添加font-awesome？

我们正在用ng2重写我们的ng1项目.我们的ng1项目建成后,大约是8mb.我们在重写ng2时大约有四分之一的时间,而我们的ng2 prod版本已经达到了14mb.

dist文件夹大小的主要差异可归因于源地图的不同大小.这两个项目都包括源地图,但ng2源地图要大得多.这对我来说很有意义,因为ng2有更多的样板,组件被分离出来,等等.

最初这个问题被搁置,因为它太大而无法回答.我同意.但这正是我要问的原因.我试图理解ng2提供的所有东西,这将使最终的ng2产品比ng1版本更好.

有了这些,我们可以将哪些实用方法/程序/工具应用于我们的ng2开发实践,以保持最终尺寸小而又快速用户体验？

得到错误:

inline template:16:8 caused by: No provider for Jsonp!
ORIGINAL EXCEPTION: No provider for Jsonp!

我将'HttpModule'直接导入组件所属的模块中.

我正在尝试在用户离开(关闭)浏览器或页面时运行一个功能,并且我已经在除Chrome之外的所有浏览器中使用它.

如果我离开页面,Chrome会成功运行该功能,但如果我关闭选项卡或完全关闭浏览器,则Chrome不会运行该功能.

我在最后运行的函数创建了一个图像并将一些数据发送到我的服务器(类似于任何分析报告)示例:img.src ="url？data = yyy".此图像是使用js动态创建的.

有人可以解释问题可能是什么？我把它缩小到几个原因:

1)当标签关闭时(即不是在卸载之前)我没有使用正确的事件

2)Chrome实际上运行该功能,但由于浏览器/页面关闭,图像无法发送.

任何帮助表示赞赏.谢谢.

这是示例代码:

if(window.addEventListener){
   window.addEventListener("beforeunload", page_unload, false);         
}
function page_unload(){
    var img     = new Image();
    var img_src = "http://www.myurl.com?data=yyy"
    img.src = img_src;
}

我有一条路线:/ app/project/23/views

路径的每个部分都是前一部分的子节点,并且所有子节点都是延迟加载的(不确定此处的延迟加载位是否相关)

/app           (root  component)
  /project     (child component of app, child route of app)
    /23        (route param 'projectId')
      /views   (child component of project, child route of project)

我正在尝试访问路由参数'projectId'(在这种情况下:23)

执行以下操作:

constructor(private route: ActivatedRoute) {}
ngOnInit() {
    this.route.params.subscribe(params => {
        console.log('params:', params);
}

给了我一个空的对象this.route.params

params: {}

但是这样做:

constructor(private route: ActivatedRoute) {}
ngOnInit() {
    this.route.parent.parent.params.subscribe(params => {
        console.log('params:', params);
}

给我我正在寻找的东西:

params: Object {projectId: "23"}

因为它是子路由,我是否必须指定this.route.parent.parent获取(某些)父路由的路由参数？

是否有更好的方法从完整路线获取参数因为如果发生以下情况会发生什么:

1)我改变了儿童路线的深度,再向下移动一步.我现在必须更改我的代码才能说出这个.route.parent.parent.parent .params

2)或者说它是第10代(一代？,子孩子？,伟大的曾孙子？).然后我不得不说:this.route.parent.parent.parent.parent.parent.parent.parent.parent.parent .params

---编辑:添加路由配置文件---

app.routing.ts

const routes: Routes …

Bootstrap 4中是否有一种方法可以在media-breakpoint-xs中添加类'btn-sm'(小按钮)？

我希望按钮是默认大小,除了在xs屏幕,我希望它们自动切换到btn-sm.

我已经习惯了Webstorm的" 扩展选择 "快捷方式,它将选择范围扩大到下一个特殊角色.

示例(如果光标位于"someObjectProperty"中的某个位置并且快捷方式已激活):

var foo = someObject.someObjectProperty.subProperty;
                     <-- selection 1 -->
          <------ selection 2 --------->
          <-------------- selection 3 ------------>

现在我已经切换到Visual Studio Code,最接近我找到的那种类型的快捷方式是' editor.action.smartSelect.grow '快捷方式

然而,虽然它是相似的,但它并不相同.使用相同的示例(如果光标位于"someObjectProperty"中的某个位置并且快捷方式已激活):

var foo = someObject.someObjectProperty.subProperty;
       <---------------- selection 1 -------------->
<------------------- selection 2 ------------------>

如上所述,VS Code中是否有与WebStorm中的Extend Selection类似的内容？

在表单中，我有多个表单组行，每个行都有一个标签和表单控制元素。

<div class="form-group row">
  <label class="col-xs-2 col-md-3">Text</label>
  <div class="col-xs-10 col-md-9">
    <input class="form-control" type="text">
  </div>
</div>

标签使用类：“ col-xs-2 col-md-3”和表单控件：“ col-xs-10 col-md-9”

是否可以将label元素的两个“ col”类组合为sass中的一个类？像这样：

.label-width{
   .col-xs-2
   .col-md-3
}

给我：

<label class="label-width">Text</label>

然后，我可以使用诸如$$ ColumnColumnWidth：2这样的sass变量进行控制，从而为我提供一种快速设置所有行的标签宽度的方法。像这样：

$labelColumnWidth: 2
.label-width{
   .col-xs-#{$labelColumnWidth}
   .col-md-#{$labelColumnWidth}
}

我想将bootstrap类用于列间距，但能够使用sass变量控制它们，以快速更改表单的布局。可能？

有没有办法在 Angular 2 中以可折叠格式显示有效的 json？

<pre> {{data | json}} </pre>

将很好地显示 json，但我需要能够折叠/展开其中的各个对象。

我在Mac OSX Sierra 10.12.6上安装了mongodb和brew:

brew install mongodb

运行时我没有错误:

brew services start mongodb

但是当我试图跑:

mongo

我收到以下错误:

MongoDB shell version v3.6.2
connecting to: mongodb://127.0.0.1:27017
2018-02-05T14:55:25.952-0500 W NETWORK  [thread1] Failed to connect to 127.0.0.1:27017, in(checking socket for error after poll), reason: Connection refused
2018-02-05T14:55:25.952-0500 E QUERY    [thread1] Error: couldn't connect to server 127.0.0.1:27017, connection attempt failed :
connect@src/mongo/shell/mongo.js:251:13
@(connect):1:6
exception: connect failed

我删除了.plist文件,确保/ data/db存在并且所有必要的权限都在其上.我可以mongodb没有问题地开始,一切都运行但我不能让它运行brew services start mongodb

有什么想法吗？