-
2 votes1 answers612 views
Angular Material v6 Mat-Footer - “无法读取属性'template' of undefined”
为了这个目的,我最近在升级到角度6之后尝试在mat-table组件中实现一个页脚行,但是在表格中添加mat-footer-cell和mat-footer-row元素后,我得到以下内容错误: 错误TypeError:无法在MatFooterRowDef.push中读取未定义的属性'template'./ node_modules/@angular/cdk/esm5/table.es5.js.Cdk... -
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 answers1380 views
Angular 6 in-memory-api返回undefined
Problem: 我无法从我的in-memory-api服务中获取任何数据 . http get函数只返回'undefined' . Summary of app: 我在data-store.service.ts,getAlert(id)中有一个函数,它调用backend-data.service函数,backendDataService.getAlert(id),并返回this.http.ge... -
1 votes2 answers1302 views
将取消按钮添加到角度材质中的制表符组件
我正在使用选项卡组件(i,带有自定义标签模板的选项卡) . 这是stackblitz链接 . 如何在选项卡的右上角添加取消按钮?我不想用取消按钮执行任何操作,我只需要添加取消按钮 . 如下图所示 -
0 votes1 answers739 views
使用Service在组件之间共享数据
用户从下拉列表中选择导航项后,应使用文本框填充导航项的相应详细信息 . 我有一个用于创建下拉列表的导航组件和一个用于填充文本框的导航详细信息组件 . 现在,我只想在导航细节组件中显示导航的一个属性 . 我正在使用服务将从下拉列表中选择的导航传递给导航详细信息组件 . 在navigation-detail.component.ts的ngAfterViewInit方法中,我可以向控制台登录导航项的任何... -
0 votes3 answers13 views
在另一个组件中显示所选列表项值
我有2个组件,名为 list (i,e人员列表)和 details (我,e人员详细信息),我显示如下: Here my requirements is: 在为ex:Person 1选择特定的 list-item 时,我想在 details 组件上显示 Person 1 详细信息,该组件出现在右侧,如下所示: 如何在 list 组件中为单个 list-item (i,e Person 1,Pe... -
0 votes3 answers1856 views
重新使用角度组件
我有一个名为 list 的组件,它有 fab-button 与 icon 和 tooltip-text 它看起来像这样: 我想把它变成 generic component ,这样我就可以重新使用这个组件 . 所以我在另一个名为 SCHOOL & COLLEGE 的组件中重用 list 组件,如下所示: 我正在重新使用 list 组件,但我想根据它所在的组件更改 fab-button's 图标和... -
0 votes1 answers1448 views
根据组件中的按钮调用不同的对话框窗口
我有一个名为 home 的组件,其中包含一些描述和 button . 如下图所示 . 我在另外两个名为 car 和 bike 的组件中重用了相同的 home 组件 . 在 car 组件中单击按钮(i,主页组件中的e按钮),我在对话框窗口中调用一个名为 car-booking 的组件 . 此要求现已完成 . 但我也在 bike 组件中重新使用 home 组件 . 在自行车组件中单击按... -
0 votes1 answers1976 views
无法在选择多个组件时进行默认选择
我有2个表单字段 Vehicle type i,e (Autocomplete with filter component) 和 Vehicle model i,e (Select with multiple selection component) 显示如下图所示: Scenario: 这里选择 Vehicle type (对于前自行车),显示相关的 Vehicle Model (i,... -
0 votes3 answers1193 views
自动完成组件中的双向数据绑定
我有2个输入文件结构: 1)课程(i,e过滤器自动完成组件)2)金额(i,e输入组件)显示如下图所示: 在这里,我想执行双向数据绑定 . i,e如果我更改 Course 名称 Amount 应根据 Course 更改 . 我怎样才能实现这一目标? 这是stackblitz链接 . -
1 votes1 answers1092 views
默认情况下,在另一个组件中显示mat-selection-list中的第一个列表项值
我有2个组件叫: 1)list (used to display customer list) 2)detail (used to display customer details) 这两个组件是通用组件,所以我在另一个名为 customer 的组件中使用这些组件 . 它将显示如下图所示: 在 list 组件上单击特定客户名称(前客户一)时,我在 details 组件上显示客户值(例如名称和年龄... -
0 votes3 answers110 views
在表格上显示自动完成的选定值
我在同一个 page/component 上使用了 autocomplete 和 table 组件 . 在从自动完成组件列表中选择特定的 player 时,我希望在表格中显示选择的玩家详细信息(对于ex NAME 和 AGE ),如下所示: 我有一些例子 to display the selected value on the input field . 无法找到表组件 . Stackbli... -
0 votes3 answers901 views
在表上添加列表项
我有一个 autocomplete 组件,它由客户列表组成,在 autocomplete 组件 table 组件下方,如下图所示: The table is empty by default . 现在,当_13100100_来自 customer-list(i,e autocomplete) 组件时,我应该在表格中显示该客户的详细信息,如下所示: Stackblitz DEMO -
0 votes1 answers153 views
mat自动完成非异步数据
我有一个小时列表框(角度材料列表框,由数字1到12组成),我将转换为自动完成的垫子 . 列表框是 not in a reactive form . 下面是我创建模板的html,用于引入静态列表选项 . <table> <tr> <td> <mat-form-field> <input type=&quo... -
11 votes5 answers1939 views
Angular 6 CLI - >如何构建构建项目库
所以这个问题很基本,但我找不到 . 我通过 ng new my-project 创建了一个新应用程序,然后是 ng g library my-library . 然后我执行了命令 ng build ,但它只是构建我的应用程序,而不是我的库或我的e2e项目 . 这是因为在angular.json中,defaultProject设置为my-project . 我可以将它更改为my-library,然... -
1 votes1 answers1966 views
角度6通用应用程序 生产环境 构建错误
我最近将我的角度5通用应用程序迁移到角度6,我使用 ng generate universal command 创建它,然后在git hub链接下面 . https://github.com/angular/angular-cli/blob/master/docs/documentation/stories/universal-rendering.md#step-4-setting-up-an-e... -
-2 votes1 answers1962 views
迁移到6.0后无法构建Angular项目
我已经将Angular项目从5.2更新到6.0 . 我遵循官方指南,一切都几乎没有问题 . 但是当我尝试构建时,我遇到了以下问题: ERROR in Module build failed: var colors = require('./colors'); ^Invalid CSS after "v": expected 1 selector or at-rule, wa... -
0 votes0 answers697 views
使用构建变体进行角度部署?
我只想询问在使用 build variant ?构建或部署角度项目 生产环境 时是否有选项, 例如,我想构建或部署具有特定变体的项目 . ng build --prod --variant=admin 或 ng build --prod --variant=client 所以在 dist 目录下它将创建一个单独的 生产环境 项目,因为项目正在 dist 文件夹下创建一个子文件夹,所以,我很好奇是否... -
1 votes2 answers1689 views
Angular 6生成构建抛出语法错误
我有一个运行良好的项目,当我运行命令 ng build--prod 它成功符合我在我的项目中得到dist文件夹 . 现在我在我的机器上安装了xammp,所以我复制了该文件夹并粘贴在 htdocs 文件夹中 . 所以现在我可以访问该文件夹作为localhost / dist,但应用程序抛出以下错误,应用程序未运行 . 任何人都可以告诉我这个问题究竟是什么 . GET http://localhost... -
0 votes1 answers473 views
Angular 6 mat-dialog验证
我正在尝试对angular 6 mat-dialog进行验证,以便在单击mat-dialog选项时获取错误消息 . 如果项目没有在mat-dialog选项中,则会生成验证 . 如何实现这一目标?我尝试了很多,但没有得到输出 . 帮助我 . 我的代码如下 getError() { this.stringData='Please provide a valid carrier id'; return ... -
1 votes1 answers279 views
角度材料6多个不同颜色的垫子滑块
我在页面中有3个“滑块”滑块,我希望滑块有3种不同的颜色 . 我无法覆盖页面(组件)的主题颜色,因为它将应用于所有滑块 . 我是否必须为滑块制作3个不同的组件并覆盖每个组件中的主题颜色?实现这一目标的最简单方法是什么?下面是我的角度和包装版本, Angular CLI: 6.0.8 Node: 8.9.4 OS: win32 x64 Angular: 6.0.6 ... animations, c... -
0 votes1 answers345 views
删除材质对话框上的奇怪边框
我使用Angular material 6对话框组件 . 它显示了一个奇怪的 border . 你能告诉我如何删除它吗?我尝试过如下 . 但它没有用 . 如果我在浏览器内部(内联)这样做,那么它的工作原理 . 任何线索? dialog.component.html <h1 mat-dialog-title>Confirm</h1> <div mat-dialog-... -
-1 votes2 answers1178 views
模板驱动形式的角度材料Mat-Chip验证
我使用Angular 6和Angular Material 6.我想要mat-chip字段 . 当我输入mat-chip字段时,将启用保存按钮,否则将被禁用 . 输入字段是必需的,但不能要求mat-chip字段 . 请帮我找到解决方案 . 谢谢 . 我的示例代码链接在这里:stackblitz demo -
2 votes0 answers1981 views
角度材料设计中的时间输入
我正在使用Angular 5和材料库 . 我需要使用时间输入,但在文档中,我没有找到完成此任务的解释 . 是否有任何人有相同的需求,可以建议我一个很好的教程或文档? TNX -
3 votes1 answers1083 views
未捕获的错误:模板解析错误:'t bind to ' dataSource ' since it isn' t 'table'的已知属性
你好,当我试图添加材料数据表时,我发现此错误:未捕获错误:模板解析错误:无法绑定到'dataSource',因为它不是'table'的已知属性 . - my material version : "@angular/material": "^6.2.1" - my angular version : "@angular/core": &... -
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... -
0 votes1 answers1454 views
Angular 6 ng-bootstrap评级不起作用
我尝试使用 Angular 6 ng-bootstrap Rating 但它对我不起作用,任何人都知道如何正确添加此评级, NG-RATE that is my code facilitistatus.component.html <ngb-rating [(rate)]="currentRate"></ngb-rating> faciliti... -
1 votes1 answers1903 views
'ng-select'不是已知元素
这是我的代码:我想在我的表单上添加https://github.com/ng-select/ng-select多选标签输入 . components.module.ts: import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { HttpClientModul... -
0 votes2 answers412 views
角度6登录视图组件的问题
我正在尝试使用带有Django后端的Angular 6编写注册表单,我正面临着这些问题: 未捕获错误:模板解析错误:无法绑定到'formGroup',因为它不是'form'的已知属性 . (“<h2>登录] [formGroup] =”loginForm“(ngSubmit)=”onSubmit()“> <label for =”use“):ng:///AppModul... -
0 votes1 answers54 views
Ng测试 - 可't bind to '值' since it isn' t 'mat-select'的已知属性
我有一个使用Material Design的Angular6应用程序 . 运行'ng test'时,我收到以下错误: 失败:模板解析错误:无法绑定到'value',因为它不是'mat-select'的已知属性 . 我在进口和出口中加入了MatSelectModule . 它在应用程序中工作正常但在测试期间失败 . 材料design.module.ts import { NgModule } f...