标签: angular8

我试图在拖动 cdkDropList 项目时提供滚动。截至目前，页面无法在不使用鼠标滚轮滚动的情况下滚动。我希望能够根据拖动列表项来滚动页面。谷歌搜索后，它看起来直到几个月前才可能？！

我在 angular material repo 上发现了以下提交：https : //github.com/crisbeto/material2/commit/b4be85f6716a2d1a432ef7109aa06e7255324222

但在角度材料网站上没有找到任何文档。我很好奇自发布以来是否有人使用 Angular Material 在 CdkDropList 元素上实现了任何自动拖动滚动。我对角度比较新。我已尝试将 cdkScrollable 标记添加到 div，但在拖动列表中的任何元素时能够使自动滚动功能工作。

想法/建议？

src/assets/plugins/filterizr/FilterContainer.d.ts:1:10 中的错误 - 错误 TS2305：模块 '"D:/angular_workspace/templateAngular/src/assets/plugins/filterizr/FilterizrOptions/defaultOptions"' 没有导出成员'RawOptionsCallbacks'。

1 从 './FilterizrOptions/defaultOptions' 导入 { RawOptionsCallbacks }; ~~~~~~~~~~~~~~~~~~~ src/assets/plugins/filterizr/FilterItems.d.ts:1:10 - 错误 TS2305: 模块 '"D:/angular_workspace/templateAngular/ src/assets/plugins/filterizr/ActiveFilter"' 没有导出成员'过滤器'。

1 import { Filter } from './ActiveFilter'; ~~~~~~ src/assets/plugins/filterizr/Filterizr.d.ts:4:10 - 错误 TS2305：模块 '"D:/angular_workspace/templateAngular/src/assets/plugins/filterizr/ActiveFilter"' 没有导出成员 'Filter' 。

4 import { Filter } from './ActiveFilter'; ~~~~~~ src/assets/plugins/filterizr/Filterizr.d.ts:5:10 - 错误 TS2305: 模块 '"D:/angular_workspace/templateAngular/src/assets/plugins/filterizr/FilterizrOptions/defaultOptions"'没有导出成员“RawOptions”。

5 从'./FilterizrOptions/defaultOptions'导入{RawOptions}；~~~~~~~~~~

** Angular Live Development Server 正在侦听 localhost:4200，在http://localhost:4200/上打开浏览器** i ?wdm?: 编译失败。

我正在使用一个片段来交互 formGroup 中的所有表单控件。该代码段一开始运行良好，但突然间 angular 开始抱怨

 Object.keys(this.frmCadastroImobiliaria.controls).forEach(key => {

  const fc: FormControl = this.frmCadastroImobiliaria.get(key); //here I got an error

  if(fc.touched === true) {
    fcs.push(fc);
  }

});

this.frmCadastroImobiliaria 是我的表单组。

错误说：

 Type 'AbstractControl' is missing the following properties from type 'FormControl': registerOnChange, registerOnDisabledChange, _applyFormState

我有一个对象数组。我正在循环中迭代，并将每个项目的名称传递给onclick，它针对资产文件夹openIt(val)中的app.js文件中的函数。IE

角度代码：

<div *ngFor="let item of listArray">
<button class="tabopen" onclick="openIt(item.name)">{{item.name}}</button>
</div>

app.js 代码：

function openIt(data) {
console.log(data);
}

在app.js 文件中的openIt 函数中，我没有得到item.name。在我的控制台中，它显示了item is not defined 的错误。但是当我传递静态数据时，即onclick="openIt('sample_data')"它没有显示任何错误。

即使 item.name 也存在，我也得到了正确的值。我不明白为什么我无法将迭代数据传递给参数。

我是 UI 开发的新手，所以如果这不是有角度的，请原谅我。我在这里使用 Angular 8 和 typescript。无论如何，我创建了一个弹出式模式，我不想在整个网站中使用它。它看起来很棒但是当我像这样将它插入我的组件时

import { IPopUpOptions, IPopUpButton } from 'src/app/modals/pop-up-modal/pop-up-options-interface';

我的 SonarQube CI/CD 管道说“要么删除此导入，要么将其添加为依赖项。依赖项应明确列在 package.json 文件中。导入未声明为依赖项的模块使其成为隐式模块并绑定到制造问题。” 这是什么意思？如何正确使用我的弹出窗口，使其遵守此规则？

我已经阅读了一些关于如何将 Angular CLI 从 7 升级到 8 的教程和SO。这应该是一件简单的事情。无论我在跑步时做什么，我都会ng version得到 7.2.2。

我试过运行卸载，安装，升级，使用 sudo，指定ng update @angular/cli@^8, @latest。无论我得到相同的结果。我也没有收到任何错误。

我使用的是 Mac 10.14.6 (Mojave)

如何对 Angular CLI 8 进行简单升级？

我怎样才能改变高度mat-form-field与appearance="outline"一个特定的高度像素数，40像素（或UX团队在未来的任何所需数量）。我需要减少 mat-form-field。

如何才能做到这一点？公式是什么，或者哪个零件号可以修改为 40px？-1.1？.75 , 133%, 使用下面的答案或任何其他可行的选项寻找某种函数或数学方程。

/sf/answers/3833375451/

::ng-deep .mat-form-field-flex > .mat-form-field-infix { padding: 0.4em 0px !important;}
::ng-deep .mat-form-field-label-wrapper { top: -1.5em; }

::ng-deep .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-1.1em) scale(.75);
    width: 133.33333%;
}

我使用“ng g pipe”命令创建了一个管道。在我的代码中使用它时出现控制台错误。下面附上代码的截图。错误：错误 NG8004：未找到名称为 'filterByPrcName' 的管道。 filter-by-prc-name.pipe.ts控制台错误信息 product-list.component.html

我正在寻找一种方法

• 将建造/声明时的全新日期转换为太平洋标准时间。（无需团队中的每个开发人员手动设置时区）

• 此外，当以 HTMLconsole.log等格式显示时，显示的日期应以太平洋时区显示

  let test = new Date(2019, 3, 5);
  console.log(test);
  

  Run Code Online (Sandbox Code Playgroud)

如何才能做到这一点？Angular 中是否有全局参数来设置它，也许在配置文件中？

*我们在代码库中有 500 行日期代码，需要进行这种全局转换。有时当人们在不同的时区工作时，应用程序会呈现不同的时区日期。需要更正以前人的代码。

当前无法将这些行转换为 Moment，在当前代码库中使用 Date。

另外，这会是一个合适的解决方案吗？tzutil /s "Pacific Standard Time"，刚刚在谷歌了解到这个

https://docs.microsoft.com/en-us/previous-versions/windows/it-pro/windows-server-2012-r2-and-2012/hh875624(v=ws.11)

安装和启动故事书时出现以下错误。

ERROR in /Users/username/angular-storybook/src/stories/Button.stories.ts
ERROR in /Users/username/angular-storybook/src/stories/Button.stories.ts(2,29):
TS2307: Cannot find module '@storybook/angular/types-6-0'.

ng版本

Angular CLI: 8.3.29
Node: 12.16.2
OS: darwin x64
Angular: 8.2.14

开发依赖

    "@compodoc/compodoc": "^1.1.11",
    "@storybook/addon-actions": "^6.0.12",
    "@storybook/addon-essentials": "^6.0.12",
    "@storybook/addon-links": "^6.0.12",
    "@storybook/angular": "^6.0.12"