无法绑定到“ startingCategory”,因为它不是“ div”的已知属性

时间:2019-01-17 22:21:51

标签: angular properties bind

我被Angular 6代码困住了,告诉我“由于它不是'div'的已知属性,因此无法绑定到'startingCategory'。”我对Angular还是很陌生,所以请客气:)

我正在尝试从打字稿中读取属性,并将其显示为div中的属性。

/document.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
    selector: 'app-document',
    templateUrl: './document.component.html',
    styleUrls: ['./document.component.css']
})
export class DocumentComponent implements OnInit {
    title: string = "Documents";
    startingCategory: number = 0;
    orgId: number = 0;
    isAdmin: boolean = false;

    constructor() { }

    ngOnInit() {
    }
}

/document.component.html

<div id="DocumentManager" 
    data-title="{{title}}" 
    data-startingCategory="{{startingCategory}}" 
    data-orgId="{{orgId}}" 
    data-isAdmin="{{isAdmin}}">
</div>

2 个答案:

答案 0 :(得分:0)

使用

<div id="DocumentManager"> 
    data-title={{title}}
    data-startingCategory={{startingCategory}}
    data-orgId={{orgId}} 
    data-isAdmin={{isAdmin}}
</div>

代替

<div id="DocumentManager"
    data-title="{{title}}" 
    data-startingCategory="{{startingCategory}}" 
    data-orgId="{{orgId}}" 
    data-isAdmin="{{isAdmin}}"
</div>

Angular在正确地抱怨,因为如果您查看html文档,这些不是div的属性。 “按钮”也具有click属性,类似onChange就是这样的属性

答案 1 :(得分:0)

您应该使用attr绑定方式:

db.xxx.find({
  "basename": "2020bb",
  "entries": {
     $elemMatch: {
       "crc": { $in: ["4f5e19bd", "d6314bf0", "47fddfee" ] }
     }
   }
})