- 44
- 0
大家好,有个奇怪的疑惑如下例:
<input #pin1 type="password">
<p>You entered: {{pin1.value}}</p>
如果在输入框任意输入,下方<p>中内容无变化,说明pin1.value没有值,间接说明#pin1这个variable reference没起到作用?
另一方面我们加一个event binding,立刻有效
<input #pin2 type="password" (input)="test(pin2)">
<p>You entered: {{pin2.value}}</p>
where test=function(x){console.log(x);}
这次输入框任意输入,下方<p>中内容相应变化,证明#pin2这个variable reference开始工作,事实上event handler可以是任意函数,例如:
<input #pin3 type="password" (input)="test()">
<p>You entered: {{pin3.value}}</p>
where test=function(){}
也就是说只要且必须有event binding,variable reference才能起作用,请问这是为什么,另一个测试是:
<input #pin4 type="password" (blur)="test()">
<p>You entered: {{pin4.value}}</p>
where test=function(){}
任意输入无效,输入框失去焦点后立刻有效,所以我推断和event binding有关,与event种类和event handler具体实现无关,但是如何正确解释这个问题?我查看了官方doc也在stack overflow上提问了,可是无人回答= =,希望各位朋友帮忙,非常感谢!
- 共 0 条
- 全部回答
-
云上城桥 普通会员 1楼
在Angular中,模板变量引用(Template reference)是指在模板中使用变量引用的方式。这可以在指令(指令的HTML部分)和服务中实现。
模板变量引用的使用方法如下:
- 指令使用变量引用:
在指令中,您可以使用
{{ variable }}来引用模板中的变量。例如:```html
{{ greeting }}```
这将返回模板中
greeting的值。- 服务使用变量引用:
服务可以使用
$http等API来获取数据并将其绑定到模板中的变量中。例如:```typescript import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http';
@Injectable({ providedIn: 'root' }) export class greetService { constructor(private http: HttpClient) {}
greet() { return this.http.get('https://jsonplaceholder.typicode.com/todos/1') .subscribe( data => { console.log(data); }, error => console.error(error) ); } } ```
在这个例子中,我们定义了一个服务
greetService,它使用$http服务获取一个数据。然后,我们在模板中使用{{ greeting }}来引用这个变量。总的来说,模板变量引用在Angular中是非常有用的,因为它使得您可以使用变量在指令和服务中引用模板,从而提高代码的可维护性和可重用性。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
