Angular lightbox:无法绑定到'data-lightbox‘，因为它不是'a’的已知属性
Angular lightbox:无法绑定到'data-lightbox‘，因为它不是'a’的已知属性
提问于 2018-05-18 20:55:47
我读过Angular。它说如果你想绑定一个属性，它应该用[]包装。这就是我所做的，但我得到了错误。你知道我做错了什么吗？
我的需求是具有data的值-lightbox是我从另一个组件(父组件)设置/发送的值。
image-display.component.ts
@Component({
selector: 'app-image-display',
templateUrl: './image-display.component.html',
styleUrls: ['./image.component.css']
})
export class ImageDisplayComponent implements OnInit {
@ViewChild('inspImage') image: ElementRef
@Input() inspection: LineSideInspection
inpsectionId: number;
santizer: DomSanitizer
constructor(private imageService: ImageDisplayService, private sanitizer: DomSanitizer) {}
ngOnInit() {
this.getMyImage('/getimage/' + this.inspection.id );
this.inpsectionId = this.inspection.id;
}
}image-display.component.html
<a [href]="sanitize(inspImage.src)" [data-lightbox]="inspectionId" data-title="inspect.inspectionDescription">
<img #inspImage width="110px" height="95px">
</a>package.json：
"lightbox2": "^2.10.0",回答 2
Stack Overflow用户
回答已采纳
发布于 2018-07-21 02:27:03
我找到了一种在lightbox中显示标题的方法。下面是我所做的：
在component.ts中，我声明了一个字符串变量并在init方法中赋值，然后在html中，我将该变量放在双括号中。
html：
<a [href]="sanitize(inspImage.src)" [data-lightbox]="inspectionId" data-title="{{inspectionName}}">TS：
public inspectionName: string;
ngOnInit(){
this.inspectionName = this.inspection.inspectionName;
}Stack Overflow用户
发布于 2018-05-18 20:56:37
试着用-
<a [href]="sanitize(inspImage.src)" [attr.data-lightbox]="inspectionId" data-title="inspect.inspectionDescription">
<img #inspImage width="110px" height="95px">
</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50411836
复制相关文章
相似问题
腾讯云开发者
