Angular中mgt-person组件user-id参数绑定变量不生效问题

• TemplateHelper.setBindingSyntax('[[', ']]')配置存在明确的生效边界：该语法仅对MGT组件内部嵌套的<template>子标签内的绑定表达式生效，MGT不会解析自身宿主标签上的属性值。当前代码中写在mgt-person标签上的user-id="[[user]]"会被直接识别为静态字符串[[user]]传入组件，不会替换为*ngFor循环上下文里的user变量。
• 不符合Angular框架的模板绑定规则：MGT组件本质是基于Web Components标准实现的自定义元素，在Angular模板中，如果给元素传值时不给属性加Angular专属的属性绑定标记方括号[]，Angular会默认把等号后的内容当做静态字符串处理，不会读取组件实例或循环上下文的变量做替换，自然拿不到对应的用户ID值。

• 优先使用Angular原生属性绑定（无兼容问题，推荐）
  不需要在MGT组件的宿主属性上使用自定义的[[]]绑定语法，直接遵循Angular标准的属性绑定规则即可，修改后的代码如下：

  <ng-container *ngFor="let user of users">
    <mgt-person [user-id]="user" view="threeLines">
    </mgt-person>
  </ng-container>
  

  这种写法会自动将循环上下文的user变量值绑定到mgt-person的user-id属性上，完全不依赖MGT的TemplateHelper配置，稳定性最高。
• 绑定值校验
  如果修改绑定语法后依然无法正常渲染，需要确认*ngFor遍历出的user变量本身是用户ID的字符串值：如果user是用户信息对象，需要指定取对应的ID字段，比如写为[user-id]="user.id"，避免传入完整对象导致组件解析用户信息失败。
• 自定义绑定语法使用注意
  MGT提供的自定义绑定语法能力仅用于组件内部模板的内容定制，不要尝试用它处理组件自身的属性传值，这类传值必须遵循当前使用的前端框架（Angular/React/Vue等）本身的绑定规则。如果要使用自定义绑定语法，需要确保TemplateHelper.setBindingSyntax的执行时机早于页面上第一个MGT组件的渲染，否则内部模板的绑定也会失效。

内容的提问来源于stack exchange，提问作者Mauro