小编Pre*_*ton的帖子

Angular Material 2数据表连接到AngularFire2或Firebase服务?

我希望它只是即插即用:-)我一直在喋喋不休地打了几个小时没有我的小实验工作.md数据表是新的,因此Web上几乎没有神圣的知识.找到将Firebase连接到桌面的好方法将是一个良好的开端.有任何想法吗?

目前我有这个设置.我的代码很好,没有带有标准Angular设置和代码的表,使用ngFor并从模板创建列表.因此代码使用AngularFire 2从Firebase传递数据.尝试新的md数据表是个问题.

首先,模板不会渲染.我知道我已正确设置NgModule,所以我怀疑数据源没有连接并创建此错误.这是Chrome控制台中的错误.

Template parse errors:
Can't bind to 'dataSource' since it isn't a known property of 'md-table'.
1. If 'md-table' is an Angular component and it has 'dataSource' input, then verify that it is part of this module.
Run Code Online (Sandbox Code Playgroud)

我的members- search.component.html看起来与官方文档完全相同,只是我更改了模板绑定:

<md-table #table [dataSource]="dataSource">

<ng-container cdkColumnDef="memberName">
    <md-header-cell *cdkHeaderCellDef> Name </md-header-cell>
    <md-cell *cdkCellDef="let row"> {{member.firstName}} {{ member?.lastName }} </md-cell>
</ng-container>
Run Code Online (Sandbox Code Playgroud)

members-search.component.ts包含以下相关部分:

import { DataSource } from '@angular/cdk';

@Injectable()
export class MembersAdminService {

  private members$: FirebaseListObservable<Member[]>;
  private dataSource: DataSource<any>;

  constructor(
      private …
Run Code Online (Sandbox Code Playgroud)

angular-material2 angular

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

TypeORM Postgres WHERE ANY 或 IN QueryBuilder 或 Find?

我一直在试图弄清楚如何在具有整数数组的列中选择包含特定 id 的 Postgres 数据库中的每条记录。我是新手,但我相信我想要一个看起来像这样的 SQL 语句:

SELECT * FROM members WHERE 2 = ANY(skill_id_array);

Skill_id_array 列中的数据如下所示:{1,4,7}。

我从 Angular 前端传入一个 id,例如 2 作为参数。登录终端将 select 语句的结尾显示为这样,但它失败了:

... WHERE $1 ANY (skill_id_array) -- PARAMETERS: [2]

我相信问题是我试图将一个变量传递到代码中,但它讨厌它。请注意,我一直在尝试 find 方法和 QueryBuilder。由此产生的错误在评论中。(完整的 CRUD 正在运行,所以我的整体设置很好。)

这很好用,但我知道这有一个 sql 注入问题:

const membersBySkill = await this.entityManager.query(
      `SELECT * FROM members WHERE ${integerId} = ANY(members.skill_id_array)`
    );
Run Code Online (Sandbox Code Playgroud)

这有效,但我不确定是否存在 sql 注入问题,而且我想使用 TypeORM find 或 QueryBuilder。

  const sql = 'SELECT * FROM members WHERE '+ integerId + ' = ANY(skill_id_array)';
  const membersBySkill = …
Run Code Online (Sandbox Code Playgroud)

typeorm

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

角度材料2数据表设置为主 - 详细视图?

MD数据表没有主 - 详细设置.在这篇文章发表时,AM2数据表已经出来仅3周了.Web上有一些关于如何为主 - 详细信息使用设置数据表的问题.我挣扎了一段时间,直到我弄清楚了.

各种网站上的一些海报,例如Data Table的GitHub网站,希望能够点击一行,下面的行向下滑动以显示一些数据.数据表本身不会这样做,并且暂时不会这样做.

但是,对于查看大量数据或编辑,按钮和单独的视图是好的.那么如何实现呢?

angular-material

5
推荐指数
1
解决办法
5312
查看次数

AWS Cognito 服务 API?放大 =&gt; Javascript SDK Angular 应用程序

我使用 Amplify 进行身份验证,它似乎工作正常。现在我想使用用户池为 CRUD 设置一个管理应用程序。看来我必须离开 Amplify 并使用 JavaScript SDK 来使用适当的 api。

这是如何运作的?我无法弄清楚如何将我在 Amplify 中收到的令牌放入 AWS.config 或它们应该去的任何地方。

这是一场多么大的斗争。文档中的代码似乎过时了,网上的一些建议更糟。我怀疑这是因为 Amplify 对象包含配置选项,我必须将它们带到 AWS.config 对象中。我在下面尝试过但失败了。 知道我需要做什么吗? 我相信这里的答案对许多 AWS 新手都会有用。

我的 Angular 应用程序中有此代码,但考虑的是 Lambda。我有一个带有 Node.js 的 EC2 服务器作为另一种选择。

这是我的 MBP 上的开发人员,但我正在将它与 AWS 集成。

使用下面的代码,我收到一条错误消息,其中部分包含:

Error in getCognitoUsers:  Error: Missing credentials in config
    at credError (config.js:345)
    at getStaticCredentials (config.js:366)
    at Config.getCredentials (config.js:375)
Run Code Online (Sandbox Code Playgroud)

我插入到下面对象中的 JWT 是我的浏览器存储中的 AccessKeyID,我用于身份验证。

在 console.log cognitoidentityserviceprovider 我有这个对象,部分:

config: Config
    apiVersion: "2016-04-18"
    credentialProvider: null
    credentials: "eyJraWQiOiJwaUdRSnc4TWtVSlR...
    endpoint: "cognito-idp.us-west-2.amazonaws.com"
    region: "us-west-2"
    endpoint: Endpoint
        host: …
Run Code Online (Sandbox Code Playgroud)

amazon-web-services amazon-cognito aws-amplify

5
推荐指数
1
解决办法
1989
查看次数

浏览器同步服务器 - 需要不同的路径到html和css进行重新加载

问题是我的index.html不会从姐妹文件夹加载css文件.我尝试了各种Browsersync选项,但都没有.

进入我的第二天试图解决这个问题.我正在使用Flask框架中的Python,它的工作方式类似于Laravel等.我的任务管理器是Gulp,前端框架是Foundation 6.我是Flask和Gulp的新手.几年前我曾经和Laravel一起使用Grunt和Livereload,然后scss和浏览器重新加载.内存消失了.

我的文件结构应该是典型的Flask,只是这里的相关文件夹:

-root
    -app
        -static
             -css
             -js
        -templates  (html files)
    -foundation  (scss files and framework)
Run Code Online (Sandbox Code Playgroud)

Browsersync似乎是设计的,所以你必须在html文件下有css.我已经在/ root和/ app文件夹中使用index.html进行了测试,但它确实有效.但是,我需要/想要/ templates中的html.

在/app/templates/index.html中:

<link rel="stylesheet" href="../static/css/app.css">
Run Code Online (Sandbox Code Playgroud)

我在根和/基础中使用Browsersync和Gulp.js文件的命令行.

如果我使用"app/templates"设置它,那么Browsersync服务器将从/ templates提供html,但它无法找到css.如果我将/ static/css移动到/ templates中,则在浏览器中很好地呈现正确的index.html文件.所以Browsersync适用于旧的预应用框架布局.它只是无法处理姐妹文件夹的路径.

gulp.task('serve', ['scss'], function() {
browserSync({
    server: "app"
});

gulp.watch(src.css, ['scss']);
gulp.watch(src.html).on('change', reload);
});
Run Code Online (Sandbox Code Playgroud)

我考虑过他们的代理选项,但到目前为止还找不到解决方案.我没有在网上找到很多设置示例,没有一个是有用的.

现在我只是使用Foundation 6对应用程序的html页面进行桌面布局,并且没有设置开发服务器,只是我的MBP上的一个文件夹.

有任何想法吗?请 :-)

flask zurb-foundation gulp browser-sync zurb-foundation-6

4
推荐指数
1
解决办法
2839
查看次数

PostgreSQL IN错误:运算符不存在integer = integer []

Nestjs / Express中的WHERE ANY查询工作正常:

const sql = 'SELECT * FROM members WHERE '+ integerId + ' = ANY(skill_id_array)';
const membersBySkill = await this.entityManager.query(sql
Run Code Online (Sandbox Code Playgroud)

);

此WHERE IN查询失败,出现此帖子的标题错误消息:

const sql = 'SELECT * FROM members WHERE '+ integerId + ' IN (skill_id_array)';
const membersBySkill = await this.entityManager.query(sql);
Run Code Online (Sandbox Code Playgroud)

我对SQL的理解是IN,ANY应该是几乎相同的查询,结果几乎相同。

integerId is a var integer such as 2.
skill_id_array in Postgres looks like this: {1,2,5}
Run Code Online (Sandbox Code Playgroud)

为什么会发生此错误?我在整数数组的列中搜索整数。

postgresql

4
推荐指数
1
解决办法
1160
查看次数

AWS Cognito-如何从令牌对象获取用户的组

登录后,我可以在控制台的返回的用户数据对象中看到用户的已分配用户池组。我试图将该组分配给变量的所有操作均失败。我想念什么?我可以轻松获取client_id,JWT和属性。

对象路径:

let userGroup = user.signInUserSession.accessToken.payload.cognito.groups[0];
Run Code Online (Sandbox Code Playgroud)

但是,这可行:

user.signInUserSession.accessToken.payload.client_id;
Run Code Online (Sandbox Code Playgroud)

对象的这一部分看起来像这样。我可以检索令牌,用户名以及除组之外的几乎所有内容。

signInUserSession: CognitoUserSession
    accessToken: CognitoAccessToken
        jwtToken: ...
        payload:
            auth_time: 1539824552
            client_id: "5u7o1o1...."
            cognito:groups: Array(1)
                0: "admin-full"
                length: 1
        ... more properties here...
        token_use: "access"
        username: "me"
Run Code Online (Sandbox Code Playgroud)

我正在使用Angular 6和AWS-Amplify,但我怀疑这很重要。我的部分代码:

constructor(
    private amplifyService: AmplifyService,
  ) {}

this.amplifyService.auth().currentAuthenticatedUser()
      .then(user => {
         console.log('user data in checkLogin: ', user); // The whole object.
         console.log('user token in checkLogin: ', user.signInUserSession.accessToken.jwtToken); // Retrieves the token.
Run Code Online (Sandbox Code Playgroud)

我的整个会话对象都需要澄清:

CognitoUser {username: "me", pool: CognitoUserPool, Session: null, client: Client, signInUserSession: CognitoUserSession, …}
Session: …
Run Code Online (Sandbox Code Playgroud)

amazon-web-services amazon-cognito aws-amplify

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

无法解决 Playground 错误:未提供所需类型 \"MemberInput!\" 的变量 \"$input\"

我已经在这个问题上击败了一个星期,但网上没有任何解决办法。不返回数据对象,甚至不返回“null”。我正在从工作的 REST CRUD 应用程序转换为 GraphQL。没有我想象的那么容易。

我在 Playground 中的突变:

mutation createMember($input: MemberInput!) {
    createMember (input: $input) {
          first_name
          last_name
          user_name
    }
}
Run Code Online (Sandbox Code Playgroud)

以下 Playground 查询变量:(不在标题部分。)

{
  "input": {
    "first_name": "John",
    "last_name": "Creston",
    "user_name": "jc"
    }
}
Run Code Online (Sandbox Code Playgroud)

模式:(查询工作正常,成员类型,TypeORM 中的一个实体,与它们和完整的 REST CRUD 一起使用。)

input MemberInput {
    first_name: String!
    last_name: String!
    user_name: String!
}

type Mutation {
    createMember(input: MemberInput!): Member!
}

type Query {
    getMembers: [Member]
    getMember(member_id: Int!): Member!
    checkUserName(user_name: String): Member
    checkEmail(email: String): Member
}
Run Code Online (Sandbox Code Playgroud)

我不知道解析器如何成为此错误消息的问题,但我将添加 Nestjs 解析器:

@Mutation('createMember')
  async createMember(@Args('input') input: MemberInput): …
Run Code Online (Sandbox Code Playgroud)

graphql nestjs

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