Angular按钮routerLink语法解析、文档查询及语法疑问咨询

1. 代码语法拆解 #

你贴的<button [routerlink]='[./plans]'>是Angular框架中用于路由导航的写法，核心是RouterLink指令的使用，两个方括号各有明确作用，下面逐一解释。

2. 官方文档获取渠道 #

关于RouterLink的完整用法，直接查看Angular官方文档的路由模块章节即可，里面覆盖了静态/动态绑定、相对/绝对路由、带参数路由等所有场景的详细说明。

3. URL外侧方括号的作用 #

这里的[./plans]是数组格式的路由路径值。RouterLink支持传入字符串或数组两种路径格式：

• 用字符串'./plans'只能指定单一路由路径；
• 用数组的话可以灵活扩展，比如后续要添加路由参数或子路由，直接写成['./plans', planId]就能自动拼接成完整路由，数组里的每一项对应路由的一个层级或参数。
  你这里的[./plans]用数组形式指定了相对当前路由的plans路径，和字符串写法效果一致，但保留了扩展的灵活性。

4. routerlink外侧方括号的性质 #

这个外侧的方括号就是Angular的动态属性/数据绑定语法。Angular的方括号属性绑定规则是：

• 不加方括号时，routerlink="./plans"是静态绑定，把字符串./plans直接作为路由路径；
• 加了方括号后，里面的内容会被当作模板表达式解析，这里的[./plans]会被解析成一个数组，再把这个数组值绑定到RouterLink指令的输入属性上，属于动态绑定范畴。

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