Javascript 如何通过角度为2+的地图；从html模板到自定义指令？

我正在尝试将一个映射从一个角度html模板传递到一个自定义指令

我想我成功地将其作为对象传递，因为我可以console.log映射值。但是当我试图从映射中设置或获取值时，我得到了一个错误

我的代码：

html模板

<canvas id="seatsCanvasMain" 
        name="seatsCanvasMain" 
        appTheaterMap [takenSeatsMap]="show.theaterMap" 
        style="border:1px solid black">
</canvas>

这是console.log

有人知道我能做什么吗？ 我还希望使用其他方法将此映射传递给指令

---

非常感谢

没有本地的

映射到
对象
对象

Object.keys(this.map)

将返回一个键数组

尝试以
身份访问此。takensatsmap.4-4
请将错误添加到您的帖子中，以便我们可以帮助您更好地添加控制台的图片。Log从外观上看，您根本没有传递地图对象。您只是传递了一个JSON对象。theaterMap是实际的映射吗？它看起来像一个普通的json对象。映射应该在控制台中这样打印：
Map（1）{2=>“b”}
这是我的Nodejs服务器中的一个映射。我想我提出了另一个问题。是否可以通过http请求将映射从服务器端（nodejs）发送到前端（angular 6）？为什么要初始化输入？使用类型
@Input（）takenSeatsMap:Map
查看@Input（）takenSeatsMap:Map是否起作用它将为您提供“泛型类型”Map“需要2个类型参数”this.takenSeatsMap.4-4将导致错误，因为这将访问对象上的number属性，如果对象键为“4-4”（应为字符串，否则将计算为0），所以试着像这样访问它。takenSeatsMap['4-4']，这将得到期望的结果。
Object.keys(this.map)