Angular2单击事件未更新模板
Angular2 Click Event Not Updating Template
我正在试用Angular2,并试图获得一个简单的点击事件来更新模板。单击事件会触发toggleValue()
函数,但不会更新模板。我所做的似乎与各种教程一致(尽管它们是基于Alpha版本的);我就是想不出这么简单的例子哪里出了问题。代码如下:
/// <reference path="typings/tsd.d.ts" />
import 'reflect-metadata';
import {Component, View} from 'angular2/core';
import {bootstrap} from 'angular2/bootstrap';
@Component({
selector: 'app',
})
@View({
template: `
<div>Value: {{value}}</div>
<button (click)="toggleValue()">Toggle</button>
`
})
class App {
value: boolean = true;
toggleValue () {
console.log('toggleValue()');
this.value = !this.value;
}
}
bootstrap(App);
我使用的是Angular 2.0.0-beta.0
也许是这样,因为您没有包含angular-polyfills.js
文件。后者包含对区域的支持,区域负责检测组件字段的更新。这样,就可以更新模板以考虑新的值。。。
您的申请的index.html
文件中是否包含此文件?
相关文章:
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- d3.js条形图未根据单击事件进行更新
- JQuery UI 对话框在第二次单击时不会更新
- 单击“角度”复选框时更新不相关的字段
- 单击“段落到文本区域”后,它会更新段落中的文本
- ng单击需要两次才能更新视图
- 复选框仅在第二次单击后更新模型
- 在动态表格单元格跨度中单击时更新一个权重值
- jQueryAjax SQL-如果我在多个用户上单击编辑,则Ajax会更新我单击的所有内容.不是最后一个点击
- 通过响应按钮单击更改表标题,其中行使用 JSTL for 循环更新
- 单击按钮时更新表(SQL/JavaScript/HTML)
- 将变量推送到数组中,并在每次单击时更新数组
- 按钮单击“更新数据库”
- NG模型对我来说是矫枉过正的.任何仅在单击按钮时更新范围的替代方案,而不是每次都更新范围
- 使用右键单击选择更新上下文菜单
- 如何在单击按钮时动态更新本地存储中的值
- NG模型仅在使用谷歌地图自动完成时单击后更新输入
- 单击时更新同位素中的 fitRows
- 在单击PHP / Jquery时更新附加的变量
- AngularJS:指令作用域更新&单击事件