Question

Angular4的嵌套组件内部包含以下代码：

<a data-activator="classroom-panel-activator"
           data-toggle="collapse"
           data-parent="#accordion-{{ day.date }}"
           href="#info-panel-{{ schedule.referenceId }}"
           >
            Click me
</a>

问题在于data-parent及其值{{ day.date }}，因为当我在浏览器中运行代码时，Angular会抛出以下内容：

Can't bind to 'parent' since it isn't a known property of 'a'. ("       <a data-activator="classroom-panel-activator"

       data-toggle="collapse"

       [ERROR ->]data-parent="#accordion-{{ day.date }}"

       href="#info-panel-{{ schedule.referenceId }}"

当变量注入data-*属性时，问题确实发生。如果我从中移除{{ day.date }}，那么它可以正常工作。另外，如果我离开{{ day.date }}，例如将名称从data-parent更改为data-nothing，然后错误仍然存在（因此，与任何关键字parent都没有名称冲突）。

当然{{ day.date }}对象存在且有效。它只是在我描述的场景中不起作用。

那么问题是什么呢？

Answer 1

您想使用属性绑定

while True:
    if event.type == KEYUP:
        if event.key == K_ESCAPE:
            pygame.quit()
            sys.exit()
        if event.key == ord('m'):
            if play:
                pygame.mixer.music.stop()
            else:
                pygame.mixer.music.play(-1, 0.0)
            play = not play

Angular4和data- *属性在嵌套Component中注入变量

1 个答案: