-
1 votes0 answers1092 views
Bootstrap-Material-Design 4下降未在Jhipster中打开（Angular 5）
我正在尝试在我的jHipster项目中使用creative-tim Material Bootstrap 4主题，但经过这么多次尝试后，我无法使Dropdown或Floating Label组件正常工作 . 我试过的东西：1 . 在vendor.ts中添加了文件 import "../../../../node_modules/jquery/dist/jquery.js"; i... -
0 votes0 answers1102 views
@ViewChild和@ViewChildren始终返回未定义，即使没有使用* ngIf
我在一个较大的项目中引用子组件时遇到了问题，因此我将这些组件放入项目中仅仅是为了我自己的理智检查 . 在任何情况下@ViewChild和@ViewChildren总是返回undefined . 我需要的是获得子元素的位置和尺寸...... 我该怎么办才能解决这个问题？ Components are exported through a module... Used in view like thi... -
0 votes1 answers685 views
Mat-sort标头在mat-table angular 5上不起作用
我在我的angular 5项目中使用了 mat-table 和 mat-sort . 我已经包含了所需的所有内容，但排序 Headers 仍然无法正常工作，没有错误，并且表格的生成正如它应该的那样 . 我的看法： <h5>User List </h5> <div class="example-container mat-elevation-z8"... -
1 votes0 answers723 views
Angular Material Angular 5在代码中设置Mat-Select值
我有一个测试，测试几个Angular Material mat-select下拉菜单 . 对于正常的选择下拉菜单，我可以使用设置值 productsSelectEl.nativeElement.value = 1; 我知道这可以使用NgModel完成，但是有没有办法在不使用NgModel的情况下完成它？这是因为我有更多的选择下拉菜单，然后我必须管理那些我实际上不需要的额外变量 . -
6 votes2 answers1094 views
Angular Material mat-datepicker（更改）事件和格式
我使用角度材料datepicker指令，我有几个问题 . 1. 当我打开日期选择器对话框并选择任何日期时，日期会显示在输入文本框中，但我想在输入文本框中发生任何更改时调用函数 . 现在，如果我在输入文本框中手动输入任何值，我使用（输入）指令触发函数，它正常工作，如代码所示 . 我希望在使用日期选择器对话框更改日期时触发相同的功能 . 2. 从日期选择器对话框中选择时，我还想将日期格式从 mm/dd... -
1 votes0 answers1857 views
如何在Angular 5材质表中实现matSort
我正在关注this教程，数据正在表格中呈现 . 现在我想在表头上实现matSort功能 . 现在，我通过getUser（）函数从服务获取数据，如下所示 . getUser(): Observable<User[]> { return this.http.get<User[]>('https://jsonplaceholder.typicode.com/users');... -
0 votes1 answers878 views
使用matInput进行动态MatTable的离线分页问题（Angular 5 Material Design）
我有一个组件，并且有一个带有一些matInput的空表单，我有一个mat-table，matInput也在行中，所有这些都分布在mat-card中 . 表的行数是动态的，基于另一个matInput（我在示例中称为'range'），因此，我将数字放在我的matInput上，称为'range'，并使用离线分页器动态创建行 . 这是我的问题，如果我需要创建20行，并决定在每个页面上放置5个项目的分页器大... -
2 votes1 answers1971 views
Angular 6 MatPaginator不显示表的mat-option，也不为下一个按钮和后退按钮设置样式
我希望你帮助确定选择选项没有出现在angular 6 mat-paginator中的原因 . 以及如何为“后退”按钮和“下一步”按钮设置样式 . 我正在尝试按照以下示例： https://stackblitz.com/angular/anvplbamrbj?file=app%2Ftable-pagination-example.html 在上面的例子中，当我从mat-paginator点击mat-... -
0 votes1 answers251 views
角度材料粘性行不起作用
您好我按照角度材料文档的示例来获取粘性 Headers 行https://material.angular.io/components/table/overview#sticky-rows-and-columns但不适用于我 . 这是我的HTML代码 <div class="content mat-white-bg"> <mat-table #tabl... -
1 votes1 answers1448 views
Angular 5，Chart.js显示多个图表，每个选项卡一个
我可以毫无问题地显示单个图表，但我试图在mat-tab-group的每个选项卡上显示该图表，当然每个选项卡上的数据都不同 . 该图表将成为几个图表的更大“仪表板”的一部分，因此我将其实现为显示选项卡的组件的子组件 . 父组件（标签）： @Component({ selector: 'app-tabs', template: '<mat-tab-group> ... -
0 votes1 answers1630 views
角度CSRF保护
我做过spring boot csrf保护 . 我将令牌设置为cookie，并希望从请求中获取它 . 在角度5方面，我编写了自定义拦截器，它从cookie中获取csrf令牌并将其设置为每个帖子请求的 Headers ，一切正常 . 我的问题是当我必须发送第一个发布请求时，而令牌尚未在cookie中设置bean . 然后任何其他请求工作正常 . 我该如何解决？ -
2 votes1 answers1360 views
UAngular 5：* ngFor循环中的mat-table [dataSource]，如何从数组传递数据源
将数据源从数组传递到* ngFor循环中的mat-table的方法是什么？即我使用* ngFor创建多个表，每个表都需要一个数据源，但是当我尝试以下操作时它不起作用： <mat-table #table [dataSource]="dataSources[i]"> 而'i'是在html模板中定义的： <mat-expansion-panel *ngFor=&... -
3 votes3 answers1424 views
Angular 6：'t bind to ' formGroup ' since it isn' t 'form'的已知属性？
我已经使用了角度为2/4的表单构建器，但是现在我在角度6中使用它 . 我已经看到了这个问题（Can't bind to 'formGroup' since it isn't a known property of 'form'）但它是针对角度2.我对角度4做了完全相同但是我得到了这个错误 . 请帮忙：我的代码是： app.module.ts: ( I have exported FormsModu... -
1 votes0 answers599 views
Angular（Material） - 对话框关闭 - 按下了哪个按钮
我在Angular 5应用程序中使用此代码： let dialogRef = this.dialog.open(DatechoiceCreationDateDialogComponent, { data: data }); dialogRef.afterClosed().subscribe(() => { this.fetchEvents(); // events ar... -
1 votes1 answers349 views
如何在Angular 6中逐个验证输入字段
我在这里很有角度我试图验证一个小形式 . 在这种情况下一切正常 . 我想要做的是，如果用户单击SAVE按钮而不触及表单字段，我只想在第一个字段中显示错误消息而不是所有字段 . 现在它在所有破坏外观和感觉的字段中显示错误消息 . 因此，如果用户点击SAVE按钮而没有在表单中输入任何内容，如何在首次提交时显示错误消息 . 如果用户在第二个字段上输入内容并单击“保存”按钮，它将首先显示第一个字段上的错误... -
0 votes2 answers1644 views
Angular 5 Datepicker - 材料
我试图保持Angular Material Datepicker在部分内部的页面渲染时保持打开状态，因此它不像输入字段，也不需要用户单击输入来查看日历 . 这是我正在使用的那个，它需要点击输入字段 . https://material.angular.io/components/datepicker/overview 有什么建议吗？ 谢谢 -
0 votes1 answers1225 views
单击行时，不会触发mat-table操作
我对角度很新，并试图利用mat表的一些功能 . 虽然我完成了大部分工作，但是当我点击一行时，我无法触发任何动作 . 我对此功能的测试是删除单击的行 . 我真正想要的是显示另一个组件，但我还没有开始，所以删除提供了一个明确的信号，即点击正在为正确的行触发 . 表格如下： <mat-table #table [dataSource]="dataSource" matSort&... -
7 votes3 answers1796 views
角质材料Paginator无法正常工作
我想在我的应用程序上添加Angular Material Paginator . MatPaginatorModule 已添加到模块中 . <mat-paginator #paginator [length]="100" [pageSize]="10" [p... -
0 votes0 answers62 views
使用角度5的网站元数据抓取
我试过jsonp，但它没有用 . 有没有npm包可用？ this.postService.get_meta_data('https://google.com').subscribe((data) => { console.log(data); }) get_meta_data(url){ return this.http.jsonp(url+'?callback=_... -
0 votes0 answers229 views
Angular 5 i18n命令不生成文件
我正在尝试使用命令 ng xi18n 创建转换文件来创建Angular dois中指出的转换文件 . 但是，当我运行该命令时，它构建应用程序并且不生成任何文件，没有任何错误 . 在我的HTML中，我有一些标有i18n的属性，例如： <h1 i18n>Hello</h1> 我的包json： "dependencies": { "@angular... -
1 votes1 answers122 views
't bind to ' videoId ' since it isn' t 'youtube-player'的已知属性
我正在使用Ionic 3和Angular 5.我在我的应用程序中嵌入Youtube视频并且这样做，我正在使用 ngx-youtube-player . 但它给了我错误： 模板解析错误：无法绑定到'videoId'，因为它不是'youtube-player'的已知属性 . 1.如果'youtube-player'是一个Angular组件并且它有'videoId'输入，那么请确认它是该模块的一部... -
0 votes0 answers203 views
Angular 5：模板解析错误
我正在尝试创建一个组件（带有按钮的div以返回到先前的范围），可以在整个应用程序中使用，如下所示 ZoomHistory.ts ， import { Component, ElementRef, Renderer2, ViewChild } from '@angular/core'; //import { olControl} from 'ol/control/control'; @Comp... -
0 votes2 answers243 views
为什么RoutingModule无法在我的角应用程序中运行？
编辑：请注意，在尝试将我的应用程序模块拆分为延迟加载的功能模块之前，一切正常 所以我试图将我的应用程序模块拆分为其他功能模块，以便我可以在我的角度应用程序中使用延迟加载， 但我有一个错误 “未捕获错误：模板解析错误：无法绑定到'routerLink'，因为它不是'h4'的已知属性 . （”class =“col-3”>] routerLink =“/ profile / {} / publ... -
2 votes2 answers228 views
角度检查两个输入字段是否相同而不点击提交
在我的角度应用程序中，我有一个包含两个输入字段的表单： 发送电子邮件并确认 <label for="exampleInputEmail1">New Email</label> <input type="email" class="form-control"> <label for="ex... -
3 votes1 answers1395 views
Angular Material 5 - 如何在mat-datepicker中自定义日期
如何以MM / DD / YYYY格式自定义mat-datepicker日期？ 我正在使用以下配置： HTML: <mat-form-field> <input matInput [matDatepicker]="picker" placeholder="Choose a date"> <mat-datepicker-t... -
0 votes0 answers993 views
Angular 5 - 't bind to ' ngModule ' since it isn' t 'input'的已知属性
我正在关注Angular 5的在线教程，使用Visual Studio Code和最新的角度版本： Angular CLI：7.0.6 节点：10.7.0 Angular：7.0.4， VS Code不会抛出任何错误，但是当我向我的HTML添加[（ngModel）] =“inputText”时，浏览器控制台会显示错误： 错误：模板解析错误：无法绑定到'ngModule'，因为它不... -
0 votes1 answers202 views
Angular 5 HTTPclient json错误
我试图从我的Angular 5离子项目中的json文件导入数据，但我不能因为我收到错误： TS2339: property results does not exist on type 'Object' 这是在home.ts（其中2个） 提供者： people.ts getPeople() { return this.http.get('http://www.json-generator.... -
0 votes1 answers1897 views
Route Resolver没有订阅就不会触发observable
在路由加载之前，我有一条需要来自Firebase数据库的数据的路由 . 感觉就像Route没有调用subscribe所以请求永远不会被触发 . 我错过了一步吗？ （Angular 5） 我的路由器： { path: 'class/:idName', component: ClassComponent, resolve: { classData: ClassResolver ... -
0 votes1 answers1176 views
反应表单模式验证和表单数组验证？
对于反应式表单验证，我观察了许多教程和plunker链接，但我没有得到任何解决我的问题的网站 问题1：formgroup模式是 [aA-zZ0-9'-]$/)] （允许否，字符， - ，'，空格特殊字符） export class AppComponent implements OnInit { private myForm: FormGroup; constructor(privat... -
4 votes2 answers1878 views
如何在动态组件中使用反应形式
背景 我从包含HTML的服务器接收客户端生成的数据，然后我用它来创建一个动态组件，该组件将被注入并显示在我们的客户端中 . The HTML I receive can contain one or many inputs that I need to bind to via Angular Reactive Forms . 尝试1： 我试图通过简单地使用 [innerHTML] 属性并创建...