小编bjo*_*lom的帖子

我只是想知道是否有人知道是否可以在Chrome Dev Tools中的特定元素上的特定css属性上添加断点,即当#mydiv'sheight属性发生更改时,中断.

我正在编写一个应用程序,其中所有功能都有自己的模块(功能可以是页面,也可以是页面的一部分).这是因为我们希望所有功能都拥有自己的域逻辑,服务,指令和组件,即在仪表板模块中我们得到了一个ChartComponent小部件,我不想将其暴露给其他视图,如登录或配置文件.

问题是当在Angular 2中使用路由时,您总是路由到特定组件,而不是模块.

在我们的例子中,为路径设置路径:'/ dashboard'组件:DashboardComponent我们需要在app.module.ts中声明DashboardComponent,这没关系,但是因为我们仍然在模块app.module中我们的CharComponent是因为它是在dashboard.module.ts而不是app.module.ts中声明的,所以我们的DashboardComponent中没有公开并且不会渲染.

如果我们在app.module.ts中声明ChartComponent它应该正常工作但我们失去了应用程序的架构.

应用程序的文件结构如下:

?? src/
   ?? app/
      ?? app.module.ts
      ?? app.component.ts
      ?? app.routing.ts
      ?? profile/
      |  ?? profile.module.ts
      |  ?? profile.component.ts
      ?? login/
      |  ?? login.module.ts
      |  ?? login.component.ts
      ?? dashboard/
         ?? dashboard.module.ts
         ?? dashboard.component.ts
            ?? chart/
               ?? chart.component.ts

最近的 WWDC 苹果推出了“App Tracking Transparency 框架”，并将成为 iOS 14.3 的一部分：

\n

对于 iOS 14、iPadOS 14 和 tvOS 14，您需要通过 AppTrackingTransparency 框架接收\n用户\xe2\x80\x99s 权限才能\n跟踪它们或访问其设备\xe2\x80\x99s 广告标识符。跟踪\n是指将从您的应用收集的用户或设备数据与从其他公司\xe2\x80\x99 应用、\n网站或离线资产收集的用户或设备数据关联起来，以进行定向广告或\n广告的行为

\n

苹果和谷歌提供的信息非常模糊，App Tracking Transparency 将如何处理谷歌分析。有谁知道 ATT 是否会影响 iOS14 中 Google Analytics 的使用？

我很难让我的单元测试与具有延迟操作符的Observable一起工作.该应用程序基于Angular 2构建,测试在karma/jasmine中运行.我已经尝试过async和fakeAsync帮助器方法,但它们都没有工作.

这是一个简化的代码块(没有Angular 2)解释我的问题.

let mouseDownStream = Rx.Observable.fromEvent(document.body, 'mousedown');
let haveBeenCalled = false;
mouseDownStream.delay(200).subscribe(() => haveBeenCalled = true);

describe('mouse down event', () => {
  it('it should emit an event stream after 200ms', (done) => {
    document.body.dispatchEvent(new MouseEvent('mousedown'))
    expect(haveBeenCalled).toBeFalsy();

    // Don't want this setTimeout should use Angular's tick(200) method instead but it's not working.
    setTimeout(() => {
      expect(haveBeenCalled).toBeTruthy();
      done();
    }, 200)
  });
});

JSBin

我正在研究 Angular Elements 并考虑将我们的 Angular 组件生成为 Angular Elements，以便可以在 Angular 应用程序之外使用。

假设我有一个 Angular 4 应用程序，它导入两个不同的 Angular Elements（内置于 Angular 7）并将它们呈现在同一页面上，然后我在我的 Angular 4 组件中实例化一个服务。该服务包含我想传递到我的 Angular Elements 中的数据，因为 Web 组件只接受字符串作为属性（输入），有没有什么好的方法可以在服务实例之间共享数据/将服务实例传递到 Angular Elements 中？

我看过从外部文件延迟加载Angular模块的示例，如下所示：

export const AppRoutes: Routes = [
    { path: 'application1', loadChildren: 'application1/main.js' },
    { path: 'application2', loadChildren: 'application2/main.js' },
    { path: 'application3', loadChildren: 'application3/main.js' }
]

我正在一个非常大的Angular项目中工作，我们在其中获得了一个根模块，该模块包含一些全局组件以及整个应用程序中可用的服务。上面路由器中描述的所有应用程序都是位于单独存储库中的单独项目。部署应用程序时，js文件将部署到Web服务器上的正确目录。我正在尝试弄清楚如何捆绑application {x} /main.js文件，但我实际上找不到任何信息/示例。

有人知道这是有文献记载的吗，还是有一些例子可以看？

我们正在Angular 2项目中使用Angular CLI。该项目使用一个大型SVG，该SVG存储在node_modules文件夹中，并且需要在运行时下载svg。

如果我们将其添加到angular-cli.json

"addons": [
    "../node_modules/my_module/**/*.svg"
],

然后require(../node_modules/my_module/icons.svg);在我们的组件之一中，svg文件被散列并按预期工作。

该解决方案的问题是测试失败，业力输出：

ERROR in ./node_modules/my_module/icons.svg
Module parse failed: path-to-svg/node_modules/my_module/icons.svg Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <svg>
|     <defs>

问题是将这个文件包含在捆绑程序中的正确方法是什么？

Karma.conf.js：

module.exports = function (config) {
  config.set({
    basePath: '../',
    frameworks: ['jasmine', 'angular-cli'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-phantomjs-launcher'),
      require('karma-remap-istanbul'),
      require('angular-cli/plugins/karma')
    ],
    files: [
      { pattern: './src/test.ts', watched: false }
    ],
    preprocessors: {
      './src/test.ts': ['angular-cli']
    },
    remapIstanbulReporter: {
      reports: {
        html: 'coverage',
        lcovonly: './coverage/coverage.lcov' …

我正在为 RXJS 的拖放行为而苦苦挣扎。我想在 250 毫秒鼠标按下后开始拖动元素，以免劫持该元素上的点击事件。

到目前为止，开始拖动有效，但停止拖动从未被调用。有谁知道为什么？

let button = document.querySelector('.button');

let mouseDownStream = Rx.Observable.fromEvent(button, 'mousedown');
let mouseUpStream = Rx.Observable.fromEvent(button, 'mouseup');

let dragStream = mouseDownStream
  .flatMap((event) => {
    return Rx.Observable
      .return(event)
      .delay(250)
      .takeUntil(mouseUpStream)
  });

let dropStream = mouseUpStream
  .flatMap((event) => {
    return Rx.Observable
      .return(event)
      .skipUntil(dragStream)
  });

dragStream.subscribe(event => console.log('start drag'));
dropStream.subscribe(event => console.log('stop drag'));

JSBin

在 Visual Studio 2019 版本 16.8.5 中使用支架项目的代码生成器时，我收到错误消息：

*运行所选代码生成器时出错：“包恢复失败。” 回滚项目包

我在 Stack Overflow 上看到很多开发人员面临同样的问题，但建议的解决方案对我不起作用。以下是 Pluralsight 的一个涉及该问题的示例项目。

1. 克隆： https: //github.com/bjorkblom/.NETCORE
2. 在 OdeToFood/Pages 中创建一个名为 api 的文件夹
3. 右键单击该文件夹并选择“添加 -> 新脚手架项目...”
4. 选择“使用实体框架进行操作的 API 控制器”
5. 模型类：餐厅 (OdeToFood.Core)
6. 数据上下文类：OdeToFoodDbContext (OdeToFood.Data)
7. 控制器名称：restaurantsController
8. 单击“添加”，您将收到错误消息。

我尝试将项目和实体框架降级到 3.1 和 2.1。什么都不起作用。