个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
我正在尝试将我的第一个 angular2 应用程序设置为实验，并使用最新的测试版。
我遇到了一个奇怪的问题，我在 View 中使用的变量在设置超时后没有更新。
@Component({
selector: "my-app",
bindings: []
})
@View({
templateUrl: "templates/main.component.html",
styleUrls: ['styles/out/components/main.component.css']
})
export class MainComponent {
public test2 = "initial text";
constructor() {
setTimeout(() => {
this.test2 = "updated text";
}, 500);
}
}
如您所见，我有一个名为 test2 的变量，在构造函数中我将超时设置为 500 毫秒，我将值更新为“更新的文本”。
然后在我看来 main.component.html 我只是使用:
{{ test2 }}
但是这个值永远不会被设置为“更新文本”并且永远保持在“初始文本”，即使更新部分正在被点击。如果我遵循 angular2 教程，他们不会真正给我这个解决方案的答案。想知道是否有人知道我在这里缺少什么。
编辑:我正在使用的完整代码，包括 Bootstrap 和 html 等
<html>
<head>
<title>Angular 2</title>
<script src="/node_modules/systemjs/dist/system.src.js"></script>
<script src="/node_modules/reflect-metadata/reflect.js"></script>
<script src="/node_modules/angular2/bundles/angular2.dev.js"></script>
<script src="/node_modules/q/q.js"></script>
<script src="/node_modules/jquery/dist/jquery.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="/bower_components/breeze-client/breeze.debug.js"></script>
<script src="/bower_components/datajs/datajs.js"></script>
<script src="/bower_components/bootstrap-less/js/collapse.js"></script>
<script src="/bower_components/bootstrap-less/js/modal.js"></script>
<script src="/bower_components/signalr/jquery.signalR.js"></script>
<script src="http://localhost:64371/signalr/js"></script>
<link href="styles/out/main.css" type="text/css" rel="stylesheet" />
<script>
System.config({
map: {
rxjs: '/node_modules/rxjs' // added this map section
},
packages: {'scripts/out': {defaultExtension: 'js'}, 'rxjs': {defaultExtension: 'js'}}
});
System.import('scripts/out/main');
</script>
</head>
<body>
<my-app>loading...</my-app>
</body>
</html>
带有 Bootstrap 的 main.ts:
import {Component} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser'
import {COMMON_DIRECTIVES} from './constants';
import {MainComponent} from './components/main.component'
bootstrap(MainComponent);
主要组件.html
{{ test2 }}
最佳答案
正如 Vlado 所说，它应该可以工作；-)
我认为 angular2-polyfills.js 库应该包含在您的页面中。我看不到它。该文件本质上是 zone.js 和 reflect-metadata 的混搭。区域参与更新检测。
您可以观看 Bryan Ford 解释它是什么的视频:https://www.youtube.com/watch?v=3IqtmUscE_U .
希望对你有帮助，蒂埃里
关于javascript - Angular2，设置超时变量更改后 View 不更新，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34491871/
25
4
0
wait() 和 wait(timeout) 之间有什么区别。无论如何 wait() 需要等待通知调用，但为什么我们有 wait(timeout)？ 那么 sleep(timeout) 和 wait(
如何向以下脚本添加超时？我希望它将文本显示为“超时”。 var bustcachevar = 1 //bust potential caching of external pages after in
我正在使用 Firebase once() 方法来检索 React Native 移动应用中的值。问题是，如果手机离线，once() 永远不会返回。文档说 ref.off() 方法应该取消回调，但这似
我在一个表中有一个大型数据集(超过 200 万行，每行超过 100 列)，存储在 cassandra 中，几个月前(也许是 2 个月？)我能够执行一个简单的命令来跟踪该表中的记录数量: SELECT
我使用 jquery 开发移动应用程序，下面是我的代码，当我向包含的页面添加 5 或 6 行时，一切正常。但如果我添加多行显示错误消息:Javascript 执行超时。 function succes
我正在使用一个 javascript 确认，它将在 15 分钟后重复调用。如果用户未选择确认框中的任何选项我会在等待 1 分钟后重定向他。如何实现这一目标？我的代码是这样的 var timeo
每次我在沙箱环境中运行这段代码时，我都会超时并最终崩溃。我已经通过多个 IDE 运行它，但仍然找不到任何语法错误。如果有人看到了我没有看到的东西，我将非常感谢您的意见。 //assign variab
更新联系人后我会显示一条消息，1500 毫秒后我会转到另一个页面。我是这样做的: onSubmit() { if (this.form.valid) {
从昨天开始，我拼命尝试使用最新版本的 PHPMailer 运行一个非常简单的电子邮件脚本。 最荒谬的是，同一个脚本在两台服务器上不起作用，但在另一台服务器上却起作用。 这是我的尝试(来自 PHPMai
我已阅读以下 2 篇文章并尝试实现相同的文章。 我的代码是这样的，超时发生在这里 HttpWebRequest wr = (HttpWebRequest)WebRequest.Create(url);
我正在尝试连接到 wsdl 服务， 但收到此错误: wsdl 错误:获取 http://api.didww.com/api/?wsdl - HTTP 错误: header 的套接字读取超时 本地没有问
我在使用 Ansible 的 CentOs7 实例上从 Artifactory 下载 jar 文件时遇到问题。这是我第一次在 Linux 实例上这样做。 我在每个 Windows 实例上都使用了 wi
在过去的两天里，我一直在寻找原因，我在互联网上和堆栈上尝试了很多解决方案。 我有一个带有 ubuntu 16.04 和 apache2 的专用 VM -> 服务器版本:Apache/2.4.18 (U
我正处于构建 PHP 应用程序的早期阶段，其中一部分涉及使用 file_get_contents()从远程服务器获取大文件并将它们传输给用户。例如，要获取的目标文件是 200 mB。 如果下载到服务器
我正在尝试连接到本地网络内的路由器。到目前为止，我已经使用了 TcpClient。 检查我的代码: public static void RouterConnect() {
我正在尝试构建一段代码来搜索使用 Mechanize 和 Ruby 超时的页面。我的测试台包括一个专门写入超时的页面，以及 3 个正常运行的页面。这是代码: urls = ['http://examp
我是 python 的新手，也是语义网查询领域的新手。我正在使用 SPARQLWrapper 库查询 dbpedia，我搜索了库文档但未能找到从 sparqlWrapper 触发到 dbpedia 的
我正在从 GenServer 中的句柄信息功能调用 elixir genserver 以添加电话号码获取表单客户端。但是一旦调用了handle_call，所有者进程就会崩溃[超时]。请帮忙。 全局创建
假设我的 WCF 服务中有以下执行链: ServiceMethod 调用并等待 Method1，然后调用并等待 Method2，后者调用并等待 Method3。最后 ServiceMethod 在返回
目前我正在开发一个从远程服务器发送和接收文件的应用程序。为了进行网络操作，我正在使用 QNetworkAccessManager。 要上传文件，我使用 QNetworkAccessManager::p
我是一名优秀的程序员,十分优秀！