Angular 如何应用'&引用'；变量的内部？

目标：
使用包含数据的变量b显示屏幕消息“GettheJWTAs:123”

问题：
为了减少硬编码和应用变量，我无法检索请求的结果

如何在变量b的a内部应用符号“%”

信息：
闪电战：

多谢各位

---

---

Authenticate | Home |
导航到身份验证

最简单的方法是创建一个helper函数：

qoute(s: string):string{
return `"${s}"`

}

现在您可以这样使用它：

this.route.queryParams.subscribe(
  params => {
    this.jwt =  this.qoute(params['jwt']);
  }
)

见

---

如果您经常这样做，您可能希望创建一个

b

需要如下定义，您需要在

键

周围使用双

“

以及

值

let b = '"jwt": "123"';

然后，您必须在

authentication.component.ts

中扩展逻辑以处理这两种格式，模板路由是一种标准，而

b

变量是另一种

• 重要的是要注意，在路由中使用变量b会创建 对象使用

  b

  作为键值对的键

• 您需要通过

  params.b

  访问它来检索字符串文字，然后 构造回一个

  JSON对象

  ，用于点表示法

  this.route.queryParams.subscribe(params => {
     console.log("normal params: ", params);
     let _jwt;
     if (params.b) {
       console.log("params.b: ", params.b);
       // add encapsulating {} to parse into JSON Object
       const jObj = JSON.parse("{" + params.b + "}");
       console.log("jObj: ", jObj);
       _jwt = jObj.jwt;
     } else {
       _jwt = params.jwt;
     }
     this.jwt = _jwt;
   });
  

STACKBLITZ

---

为什么不直接使用

”

作为字符串包装，然后使用“where you want，比如

”，您的字符串就在这里！“

？你所说的“应用符号”是什么意思？我想

让b=”无法解决您的问题。使用“而不是”不起作用。我已经尝试过了。您需要使用“但如何在已使用的变量内部应用此符号？”“。为了理解，您必须检查并测试代码。该位置仅位于app.component.ts哪个位置？位于app.component.ts的位置
let b = '"jwt": "123"';

this.route.queryParams.subscribe(params => {
   console.log("normal params: ", params);
   let _jwt;
   if (params.b) {
     console.log("params.b: ", params.b);
     // add encapsulating {} to parse into JSON Object
     const jObj = JSON.parse("{" + params.b + "}");
     console.log("jObj: ", jObj);
     _jwt = jObj.jwt;
   } else {
     _jwt = params.jwt;
   }
   this.jwt = _jwt;
 });