相关疑难解决方法(0)

下面给出的代码不适用于我的角度html文件,但如果我在html文件中单独使用此代码,它可以工作,我不知道我做错了这只是一个简单的表单.

<form action='https://easypaystg.easypaisa.com.pk/easypay/Index.jsf' method='post'>
    <input  name='storeId' value='4950'>
    <input  name='amount' value='1000'>
    <input  name='postBackURL' value='https://easypaystg.easypaisa.com.pk/easypay/Confirm.jsf'>
    <input  name='orderRefNum' value='123113'>
    <input  name='merchantHashedReq' value='6ohsP8x3PpiaI4oNirWGwjVkyMLP4CbzcH6pZwvu9SViOzx9nLxyR/TtJhwFrxBU686Wf1z22G+TBxuo5QkSscuXp266qQWx8AbGWnLXxG79LHt+5VlD+lH2JkjKO997adwVHH6mGNm8ldtAKkRyf/E92QF5PwhWMjq8i4dlbABIjJxnwPS3x13R/Nbfmlugkz7XpX20DmZ0IhPuGBR95sOpDATIjfW51fuStCVVni4='>
    <input  name='autoRedirect' value='0'>
    <input  name='paymentMethod' value='CC_PAYMENT_METHOD'>
    <input  name='emailAddr' value='johndoe@live.com'>
    <input  name='mobileNum' value='0123455500'>
    <button type="submit" class="btn btn-success" >Submit</button>
    <input type='submit' value='asdasd' class="btn">
</form>

假设我们prop在组件类中有一个变量，我们通过模板中的插值来使用它（stackblitz demo）：

组件类：

@Component({...})
export class AppComponent  {
  prop = 'Test';
  ...
}

模板：

<p>{{ this.prop }}</p>
<p>{{ prop }}</p>

为什么在 Angular 中可以this在模板中使用关键字而没有任何警告/错误（即使在 AOT 模式下）？它的背后是什么？

编辑

根据答案中的注释：this 指的是为其呈现模板的组件本身。但我也可以创建一个模板变量并使用this以下方法访问它：

<input #inp> {{ this.inp.value }}

在这种情况下，我们inp在组件类中没有变量，我仍然可以使用{{this.inp...}}. 魔法？