标签: angular6

样式不是从 angular.json 样式数组 angular 6 中选取的,但在 style.css 中的导入工作正常

我在 angular.json 样式数组中包含了一些样式,如下所示:

 "styles": [
              "src/styles.css",
              "node_modules/primeicons/primeicons.css",
              "node_modules/primeng/resources/themes/omega/theme.css",
              "node_modules/primeng/resources/themes/bootstrap/theme.css",
              "node_modules/primeng/resources/primeng.min.css",
              "node_modules/bootstrap/dist/css/bootstrap.min.css",
              "node_modules/font-awesome/css/font-awesome.css"
            ]
Run Code Online (Sandbox Code Playgroud)

但它不是选择样式,因为我看不到primeng 表样式和其他样式。虽然如果我在我的 styles.css 文件中导入样式,它会正常工作,如下所示:

@import '../node_modules/primeng/resources/themes/omega/theme.css';
 @import '../node_modules/primeng/resources/themes/bootstrap/theme.css';
 @import '../node_modules/primeicons/primeicons.css'
Run Code Online (Sandbox Code Playgroud)

我相信我们可以使用上述任何方法,如果这不正确,请告诉我。

我也多次重新启动 ng serve。

任何帮助表示赞赏。感谢期待。

我正在使用 angular 6,因为它在 angular.json 中很明显,如果需要共享任何其他代码或信息,也请告诉我。

css primeng angular6

9
推荐指数
1
解决办法
7343
查看次数

如何在 Angular 6 上获得活动元素(重点元素)?

——不重复!由于其他问题已过时。不与提出的问题重复!!!!

this.elm.nativeElement.ownerDocument.activeElement
Run Code Online (Sandbox Code Playgroud)

document.activeElement
Run Code Online (Sandbox Code Playgroud)

奇怪地给了我整个身体。我怎样才能获得当前聚焦的元素?

  • elm = ElementRef 的类型,它绑定在我组件的构造函数中。

  • 来自这里的另一个问题: this.renderer.invokeElementMethod 也不可调用,因为 Renderer 现在已弃用,而 Renderer2 显然不再具有该方法。

编辑:这个问题部分回答了这个问题:

document.activeelement 返回正文

在离开旧元素和进入新元素之间,活动元素确实是文档/正文本身。

angular angular6

9
推荐指数
1
解决办法
1万
查看次数

类型错误:预期的类似字节的对象,而不是 str

我知道这个问题已经被问过很多次了,但请看一下我的问题。

我正在将base64图像数据从 angular发送到python 烧瓶,但是当我base64在烧瓶服务器(python3)上处理该数据时,它给了我错误

类型错误:预期的类似字节的对象,而不是 str

我的 Javascript 代码是:

window['__CANVAS'].toDataURL("image/png");
Run Code Online (Sandbox Code Playgroud)

上面一行的输出是:

"data:image/png;base64,iVBORw0KGgoAAAANSUhEUg....."
Run Code Online (Sandbox Code Playgroud)

我在烧瓶服务器上收到与字符串相同的数据。

使用以上 base 64 数据的 python 服务器上的代码是:

def convert_to_image(base64_code):
  image_64_decode = base64.decodebytes(base64_code)
  image_result = open('baseimage.jpg', 'wb')
  image_result.write(image_64_decode)
  img_rgb = cv2.imread('baseimage.jpg')
  return img_rgb
Run Code Online (Sandbox Code Playgroud)

然后它给出以下错误跟踪:

File "/home/shubham/py-projects/DX/Web/app/base64toimage.py", line 10, in convert_to_image    
  image_64_decode = base64.decodebytes(base64_code)
File "/usr/lib/python3.5/base64.py", line 552, in decodebytes    
  _input_type_check(s)
File "/usr/lib/python3.5/base64.py", line 521, in _input_type_check  
  raise TypeError(msg) from err 
TypeError: expected bytes-like object, not str
Run Code Online (Sandbox Code Playgroud)

如果我使用这个函数转换图像,上面的 python 函数工作正常

import base64

with open("t.png", …
Run Code Online (Sandbox Code Playgroud)

javascript python base64 angular6

9
推荐指数
1
解决办法
2万
查看次数

如何在 Angular 6+ 中的 mat-paginator 中更改 itemsPerPageLabel

我将 Angular 6.0.3 与 Angular Material 7.1.0 一起使用,我的分页器位于一个单独的组件中(不是 app.component)。到目前为止我尝试过的:

创建名为 myPagniator.ts 的单独 ts 文件:

import {MatPaginatorIntl} from '@angular/material';

export class MyPaginatorLabel extends MatPaginatorIntl {

  itemsPerPageLabel = 'custome_label_name'; // customize item per page label

  constructor() {
    super();
  }
}
Run Code Online (Sandbox Code Playgroud)

在我的 app.module.ts 中:我从 Angular Material 中导入了 MatPaginatorModule、MatPaginatorIntl。在 app.module.ts 的 providers 数组中,我放入了 MyPaginatorLabel 和 MatPaginatorIntl。

在使用 Angular MatPaginator 的组件中,我扩展了 MyPaginatorLabel 类并让它的构造函数调用 super() 方法,在这一切之后它仍然显示默认文本“itemsPerPage”

我在这里做错了什么??有人能给我一点提示吗?

pagination typescript angular-material angular6

9
推荐指数
4
解决办法
2万
查看次数

Firebase Firestore 中合并和合并字段的区别

我可以通过以下方法将数据传输到 Firebase Firestore 文档:

1) 添加()

2)设置()

我很清楚如何将数据添加到 Firestore,其中没有任何混淆。但是我的问题是 Firebase Firestore 中的“set”方法有两个 setOption,例如合并和合并字段。这两个设置选项有什么区别,我认为这两个选项都在做同样的工作。如何实现 setOption 'mergeFIeld'?我找不到它的任何文档。

firebase google-cloud-firestore angular6

9
推荐指数
3
解决办法
2860
查看次数

如何使用角度键/值对创建字典?

使用概念字典我想做以下任务。

1. Closed
2. Open
3. Cancelled
4. Rejected
5. Saved
6. Draft
7. Pending Approval
Run Code Online (Sandbox Code Playgroud)

这是不同的状态。现在我的表如下

 Purchase Order            Status
 PO1                       closed
 PO2                       pending_approval
 PO3                       open
 PO4                       Draft
 PO5                       Cancelled
 PO6                       Rejected
 PO7                       Saved
Run Code Online (Sandbox Code Playgroud)

现在我需要使用徽章以不同颜色显示每个状态

使用的方法是字典法。

  1. 谁能告诉我什么是字典法?(简要说明)

  2. 也请给我解决方案

angular angular6 angular7

9
推荐指数
2
解决办法
3万
查看次数

如何过滤mat-tree组件Angular Material 6.0.1

我正在使用垫树角材料组件.这是一个很好的组件,有一些非常有用的功能,如多选,全部展开/全部折叠.我无法在任何API中找到任何树过滤功能.有没有人遇到这个功能或做任何工作来获得mat-tree过滤器?

在此输入图像描述

tree filter angular-material2 angular angular6

8
推荐指数
4
解决办法
8783
查看次数

在mat-table parent中使用ngif时,mat-filtering/mat-sort无法正常工作

请注意,分页/排序无法正常工作.分页不显示它显示的元素数量,并且排序不起作用,但是如果删除html文件中的行*ngIf ="dataSource?.filteredData.length> 0",则错误是固定的.如果您使用过滤,它可以工作,但它不会显示过滤器数量

检查示例.

https://stackblitz.com/edit/angular-wqkekh-nm3pn2?file=app/table-pagination-example.html

angular-material angular angular6

8
推荐指数
2
解决办法
3606
查看次数

角度6 - 当路线改变时保持滚动位置

以前的行为:

导航到另一条路线时,更改路线或导航路径不会影响滚动位置.即内容可以在没有滚动位置改变的情况下改变.

目前的行为:

更改路线将使您回到页面顶部.

迄今采取的行动:

测试了当前和新的Angular 6项目

这是一个错误吗?功能改变?或者是否有我缺少的参数.

angular angular6

8
推荐指数
2
解决办法
8813
查看次数

Angular 6 @Viewchild不支持延迟加载

这是我的代码,给出错误无法读取属性标题undefined.

父组件

import { Child } from './child.component';
@Component({
  selector: 'parent',
})
export class ParentComponet implements OnInit, AfterViewInit {
 constructor(){}

  @ViewChild(Child) child: Child;

  ngAfterViewInit(){
    console.log("check data", this.child.title)
  }
}
Run Code Online (Sandbox Code Playgroud)

和儿童组件是.

@Component({
      selector: 'child',
    })
    export class ChildComponet {

     public title = "hi"
     constructor(){}

    }
Run Code Online (Sandbox Code Playgroud)

routing.module.ts就像

{
        path: "",
        component: ParentComponent,
        children: [
            {
                path: '/child',
                component: ChildComponent
            }
        ]
}
Run Code Online (Sandbox Code Playgroud)

并且给出了错误

ERROR TypeError: Cannot read property 'title' of undefined(…)
Run Code Online (Sandbox Code Playgroud)

javascript lazy-loading angular angular6

8
推荐指数
1
解决办法
2059
查看次数