我正在尝试做简单的事情,使用反应形式动态地为 p-multiSelect 设置一个值。使用带有 p-multiSelect 属性的 ngModel 效果很好,但是如果我使用带有 p-multiSelect 属性的反应形式,我无法从组件设置 p-multiSelect。
根据 angular 文档:“在 Angular v6 中已弃用响应式表单指令使用 ngModel 输入属性和 ngModelChange 事件,并将被删除” https://angular.io/api/forms/FormControlName#use-with-ngmodel
stackblitz repro 有一个链接:
https://stackblitz.com/edit/multyselectandform?file=src/app/app.component.ts
组件:
groupForm: FormGroup;
cities: SelectItem[] = [
{ label: 'New York', value: 1 },
{ label: 'Rome', value: 2 },
{ label: 'London', value: 3 },
{ label: 'Istanbul', value: 4 },
{ label: 'Paris', value: 5 }
];
setected = { label: 'Istanbul', value: 4 };
constructor(private fb: FormBuilder) {
this.groupForm = this.fb.group({ …Run Code Online (Sandbox Code Playgroud) 我的问题是更新管理器失败的消息:"无法找到正在运行的配置文件实例.在此应用程序的config.ini文件中可能无法正确设置eclipse.p2.data.area和eclipse.p2.profile属性." 当我从源代码运行我的应用程序时.1.使用eclipse indigo:2.我确实有VM参数
-Declipse.p2.data.area = C:\ devApp\eclipse\eclipse-standard-kepler-SR2-win32-x86_64\eclipse\p2
抱歉,如果这个问题很琐碎,我对 Angular 和 Web UI Kingdom 很陌生
我目前正在查看这个示例项目:https ://github.com/marinantonio/angular-mat-table-crud
我正在替换列的创建方式(从静态到动态),并且表布局变成了难以阅读的内容。我无法理解这是如何/为什么发生的。我创建专栏的方式有何不同?但是,最重要的是,我该如何解决它?
这是我所拥有的:
组件.html:
<ng-container *ngFor="let column of columns" matColumnDef="{{column.name}}">
<th mat-header-cell *matHeaderCellDef mat-sort-header>{{column.label}}</th>
<td mat-cell *matCellDef="let row"> {{row[column.name]}} </td>
</ng-container>
Run Code Online (Sandbox Code Playgroud)
组件.ts
columns: Array<any> = [
{ name: 'id', label: 'ID', cell: (element: any) => `${element.id}` },
{ name: 'title', label: 'Title', cell: (element: any) => `${element.title}` },
{ name: 'state', label: 'State', cell: (element: any) => `${element.state}` },
{ name: 'url', label: 'Url', cell: (element: any) => `${element.url}`},
{ name: …Run Code Online (Sandbox Code Playgroud) 我需要将我的 Primeng 包从 7 升级到 8。
我收到以下错误:
anager-console/src/main/frontend/node_modules/primeng/primeng"' 没有导出成员 'DataTable'
在组件文件中找不到以下导入
import { DataTable } from 'primeng/primeng';
Run Code Online (Sandbox Code Playgroud)
包.json
"private": true,
"dependencies": {
"@angular/animations": "7.2.15",
"@angular/cdk": "7.3.7",
"@angular/common": "7.2.15",
"@angular/compiler": "7.2.15",
"@angular/core": "7.2.15",
"@angular/forms": "7.2.15",
"@angular/http": "7.2.15",
"@angular/platform-browser": "7.2.15",
"@angular/platform-browser-dynamic": "7.2.15",
"@angular/router": "7.2.15",
"@fortawesome/fontawesome-free": "^5.7.2",
"bootstrap": "^3.4.1",
"classlist.js": "^1.1.20150312",
"core-js": "^2.6.5",
"floatthead": "^2.1.3",
"jquery": "^3.4.1",
"jquery-ui-dist": "^1.12.1",
"ng-treetable": "^1.3.3",
"ngx-bootstrap": "^3.2.0",
"primeicons": "^1.0.0",
"primeng": "^8.0.1",
"rxjs": "^6.4.0",
"rxjs-compat": "^6.4.0",
"web-animations-js": "^2.3.1",
"zone.js": "^0.8.29"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.13.9",
"@angular/cli": "7.3.9",
"@angular/compiler-cli": …Run Code Online (Sandbox Code Playgroud) 我最近开始使用 AWS。我已经使用 cognito 用户池集成了 AWS Amplify 进行用户管理(登录和注册),并且它非常完美(每当新用户注册时,用户池就会更新)。现在我添加了一个 Cognito Post 确认触发器来将注册的电子邮件保存到数据库中,这是我的触发器 codevar mysql = require('mysql');
var config = require('./config.json');
var pool = mysql.createPool({
host : config.dbhost,
user : config.dbuser,
password : config.dbpassword,
database : config.dbname
});
exports.handler = (event, context, callback) => {
let inserts = [event.request.userAttributes.email];
context.callbackWaitsForEmptyEventLoop = false; //prevents duplicate entry
pool.getConnection(function(error, connection) {
connection.query({
sql: 'INSERT INTO users (Email) VALUES (?);',
timeout: 40000, // 40s
values: inserts
}, function (error, results, fields) {
// And done with the …Run Code Online (Sandbox Code Playgroud) 我将我的 Angular 项目升级到 7.1.4。升级后,在“@angular/cdk/stepper”中找不到“STEPPER_GLOBAL_OPTIONS”
这是我的 package.json
尝试从 node_modules 中删除所有包并运行 npm install
"dependencies": {
"@angular/animations": "^7.1.4",
"@angular/cdk": "^7.0.3",
"@angular/common": "^7.1.4",
"@angular/compiler": "^7.1.4",
"@angular/core": "^7.1.4",
"@angular/forms": "^7.1.4",
"@angular/http": "^7.1.4",
"@angular/material": "^7.2.0",
"@angular/platform-browser": "^7.1.4",
"@angular/platform-browser-dynamic": "^7.1.4",
"@angular/router": "^7.1.4",
"angular-progress-bar": "^1.0.9",
"core-js": "^2.5.7",
"jquery": "^3.3.1",
"material-design-icons-iconfont": "^4.0.3",
"material-icons": "^0.2.3",
"ngx-bootstrap": "^3.0.1",
"ngx-toastr": "^9.1.1",
"popper.js": "^1.14.4",
"rxjs": "^6.3.3",
"rxjs-compat": "^6.3.3",
"zone.js": "^0.8.26"
Run Code Online (Sandbox Code Playgroud)
},
我该如何解决这个问题?