小编Vee*_*era的帖子

我正在使用角度。

Component code

 httpClient.post(URL, requestBody)
   .pipe(map((result) => {
      serviceCall(result);
 }));

如何使用 Jest 测试用例覆盖管道内的代码（映射？

我编写了如下的笑话测试用例，但它没有覆盖管道内的语句

  spyOn(httpClient, 'post').and
    .returnValue(new Observable( observer => {
    observer.next([]);
  }));

我首先加载应用程序组件，然后根据路由加载其他页面。

加载第一页后，我想将应用程序组件变量共享给搜索组件。两者都在第一页加载。我怎样才能做到这一点？

change(lan) {\n  // I wanna send this lan variable to search component,   \n  // this time search component loaded already in routing\n}\n

流程是这样的：

首次加载搜索组件和应用程序组件。

之后我将更改一个变量。

这应该可以在搜索组件中使用。

HTML

<router-outlet></router-outlet>\n<div class="height-40 col-xs-12 bgcolor-EF bottom-panel">\n    <a href="javascript:void(0);" (click)="change(\'en\')">English</a> | <a href="javascript:void(0);" (click)="change(\'pa\')">Espa\xc3\xb1ol</a>\n</div>\n

TS

change(lan) {\n\n}\n

如何在Search组件中检索？

我在angular-cli.json - 样式中添加了bootstrap css.不将引导程序样式应用于我的项目.我在package.json中添加并执行了npm install.怎么解决这个？

角cli.json

        "styles": [
            "styles.css",
            "../node_modules/bootstrap/dist/css/bootstrap.css"
        ]

的package.json

 "dependencies": {
    "bootstrap": "^4.0.0-beta.2"
 }

我想显示一个工具提示。我去了 ng-bootstrap 并集成了该代码。获取控制台错误。

core.es5.js:1020 ERROR Error: Uncaught (in promise): Error: No provider for 
NgbTooltipConfig!
Error: No provider for NgbTooltipConfig!
at injectionError (core.es5.js:1169)
at noProviderError (core.es5.js:1207)
at ReflectiveInjector_._throwOrNull (core.es5.js:2649)
at ReflectiveInjector_._getByKeyDefault (core.es5.js:2688)
at ReflectiveInjector_._getByKey (core.es5.js:2620)
at ReflectiveInjector_.get (core.es5.js:2489)
at resolveNgModuleDep (core.es5.js:9492)
at NgModuleRef_.get (core.es5.js:10562)
at resolveDep (core.es5.js:11050)
at createClass (core.es5.js:10920)

在 app.module.ts 中添加了这些行

import {NgbModule} from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  imports: [    
    NgbModule
  ]
})

使用命令安装 ng-bootstrap

npm install --save @ng-bootstrap/ng-bootstrap