javascript - 如何将用户输入存储为 typescript 中的对象键?

标签 javascript angular typescript google-cloud-firestore key-value

作为 Firestore 新手,我了解到我应该像这样建模:enter link description here

members {
          id: xyz
                  {
                    name: Jones;
                    hashtag: {
                              global: true,
                              digital: true
                             }
          ...
         }

因此,我想将“hashtag”表单字段的用户输入存储为 hashtag 属性的键,并使用 Angular 6(Typescript)自动将值“true”分配给该键。我目前的做法是这样的:

submit(newName: string, newHashtag: string) {
    if ( newName !== '' && newHashtag !== '') {
      this.member.name = newName;
      this.member.hashtag = { newHashtag: true};
      console.log(this.member);
      // this.membersService.addMember(this.member);
    }
  }

因此,程序总是打印出“newHashtag”,而不是所需的输入值。我该如何解决这个问题?

export interface Member {
    id?: string;
    name?: string;
    hashtag?: object;
}
<form>
  <input type="text" placeholder="new Name" #memberName name="name">
  <input type="text" placeholder="new hashtag" #hashtagName name="name">
  <button (click)="submit(memberName.value, hashtagName.value);
   memberName.value=''">Submit</button>
</form>>

最佳答案

与 JavaScript 相同:

const property = 'foo'
const object = {}
object[property] = 'desired value'

关于javascript - 如何将用户输入存储为 typescript 中的对象键?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52527316/

相关文章:

javascript - Uncaught ReferenceError : Invalid left-hand side in assignment (anonymous function) in Coldfusion

css - ionic 3 在 ion-content 上创建半透明覆盖层

TypeScript:如何根据第一个参数的值使可选的第二个参数成为必需

javascript - 将空值显示为零

javascript - Node.js可以验证PHP用户的 session 吗?

javascript - 无法访问 FTP 以安装 slider 模块,使用外部源?

angular - 我如何使用 Angular 2 请求数据

angular - 带有 ngx-translate 的自定义 Angular 库

node.js - 为什么 TypeScript 需要 Node.js?

Typescript - 在构造函数装饰器中调用类方法