在.ts文件中，方法完成后HTML类不更新
在.ts文件中，当方法完成后HTML类不更新可能是因为以下几个原因：
- 数据绑定问题：在Angular中，我们可以使用数据绑定来将组件的属性绑定到HTML模板中。如果.ts文件中的方法改变了属性的值，但是HTML模板没有更新，可能是因为没有正确绑定属性到HTML模板上。请确保在HTML模板中使用了正确的属性绑定语法，例如使用双大括号{{}}或方括号[]。
- 变更检测机制问题：Angular使用了变更检测机制来自动检测组件属性的变化，并更新相关的HTML模板。但是，有时候Angular可能无法正确检测到属性的变化，导致HTML模板没有更新。这可能是因为属性的变化发生在异步操作中，例如定时器回调、网络请求等。在这种情况下，你可以手动触发变更检测，可以通过调用
ChangeDetectorRef的detectChanges()方法来实现。 - 异步操作问题：如果方法中包含异步操作（例如网络请求、定时器等），并且在异步操作完成之前就返回了，那么HTML类可能在方法完成之前就被渲染了，导致无法更新。在这种情况下，你可以使用
Promise、async/await或Observable来处理异步操作，并在异步操作完成后再更新属性。
综上所述，如果在.ts文件中，方法完成后HTML类不更新，你可以检查数据绑定是否正确、手动触发变更检测、处理异步操作，以确保属性的变化能够正确更新到HTML模板中。
关于腾讯云相关产品，我无法直接给出具体产品和链接地址，请自行参考腾讯云官方文档或咨询腾讯云的技术支持。
相关·内容
1回答
我的.ts文件的一部分(用pylupdate4创建)如下所示：
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE TS><TS version="2.0">
<context>
<name>Main</name>
<message>
<location filename="Main.py" line="2369"/>
<
浏览 5提问于2013-09-20得票数 1
回答已采纳
1回答
我正在开发一个Angular5免费模板，我在github上找到了它。它只包含一个导航条，但就我的情况而言，我有2种类型的用户(Admin和Manager)，它们根本没有相同的导航条。我怎么解决这个问题？我怎样才能把他们每一个都重定向到不同的肚脐呢？
模板是这样的：
在这张图片中，您可以看到文件app-侧栏-Nav.Component.html，它使用包含导航条的文件_nav.ts。
这是文件_nav.ts
我想添加另一个名为“示例_nav2.ts”的文件，管理器将在身份验证后看到该文件，这是不同的。_nav.ts将是管理员在身份验证后将看到的结果。
在目录视图/页面中，有一
浏览 3提问于2018-05-01得票数 1
回答已采纳
我不能再在Intellij IDEA中的HTML和TS文件之间导航；HTML中的标记、指令和自动完成被禁用。我有一些警告：
我如何恢复所有文件的原始配置来开发我的Angular应用程序？
浏览 0提问于2017-05-11得票数 2
由于我们无法从AVPlayer中获取闭路字幕数据或字幕数据，因此我们正在寻找其他触发方法，例如时间码，或者至少了解当前处于活动状态的.ts文件。我在文档中找不到任何东西，播放器中的CMTime也没有给我嵌入在m3u8文件中的时间码。
NSLog(@"%f", CMTimeGetSeconds([mPlayer currentTime] ) );
不是我要找的。
#EXTM3U
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:562
#EXT-X-PROGRAM-DATE-TIME:2020-10-23T14:18:59+08:00
浏览 4提问于2012-10-24得票数 4
回答已采纳
我为UI的每个部分创建了不同的组件，并寻找一种将业务逻辑与component.ts文件分开的方法。我想知道我是否可以在下面的结构中component.ts将与component.bl.ts通信，而此bl.ts将与component.service.ts通信
app
- configuration
- configuration-section.component.ts
- configuration-section.component.html
- configuration-section.component.css
- configuratio
浏览 1提问于2018-08-16得票数 1
回答已采纳
我有这样一个ts文件
export const environment = {
production: false,
profile : './test/test.css'
};
我想导入environment.profile并设置它，以便我可以在StyleUrls中使用它
import { Component, OnInit } from '@angular/core';
import { TranslateService } from "@ngx-translate/core";
import {environment} from &
浏览 0提问于2017-07-28得票数 0
对Angular非常陌生，并且正在使用Angular 5和Visual Code做一个小的试点项目。我正在尝试使用ng-include，但模板没有显示。
src
add-device
add-device.component.html
add-device.component.scss
add-device.component.spec.ts
add-device.component.ts
edit-device
edit-device.component.html
edit
浏览 0提问于2018-02-01得票数 10
回答已采纳
1回答
我刚刚开始使用角形2和打字记录。当我从.ts文件导入类时，编译成功，但抛出一个错误
不是函数_co.upchange
当使用(click)时。
Update.ts
export class Update {
name:string;
}
export class Changeable {
upchange (value) {
console.log(value);
}
}
update.component.ts
import { Component, OnInit } from '@angular/core';
import { Update }
浏览 1提问于2019-01-24得票数 0
回答已采纳
1回答
我想从HTML的角度7中调用一个静态类方法/函数。这个函数不是在component.ts中，而是在一个单独的通用类文件message.ts中。控制台上显示一个错误：
TypeError: Cannot read property 'msg1' of undefined.
模板：
<div>
{{ Message.msg1({ 'x': 'abc', 'y': 'def' }) }}
</div>
message.ts
import { Injectable } from '@an
浏览 0提问于2019-04-19得票数 1
回答已采纳
我在为打字本做一个小测试。我的主要关注点是将所有.ts模块捆绑到一个.js文件中，该文件可以在一个简单的index.html中被客户端引用。这是我的测试模块：
// index.ts
import { Example } from './example'
class x {
example(): void {
console.log(Example)
}
}
let test = new x()
test.example()
// example.ts
export const Example : string = 'Example Message
浏览 2提问于2022-01-27得票数 0
回答已采纳
1回答
在我的角2项目中，我有一些由角-cli 1.0.0-rc.0生成的组件。因此，project src文件夹如下所示：
列表：
├── app
│ ├── app.component.html
│ ├── app.component.ts
│ ├── routing.module.ts
│ ├── app.module.ts
│ ├── info
│ │ ├── info.component.html
│ │ └── info.component.ts
│ ├── journal
│ │ ├── journal.component.html
│
浏览 2提问于2017-03-09得票数 0
回答已采纳
当谈到.NET中的异步/等待内容时，我有点困惑.
考虑以下方法：
public async Task DoSomething() {
IEnumerable<Task> ts = GetSomeTasks(); // Some tasks that would do some random IO stuff, or whatever
await Task.WhenAll(ts);
Console.WriteLine("All tasks completed!");
}
对Console.WriteLine的调用是否保证在等待ts中的任务之后执行？我
浏览 3提问于2020-04-01得票数 2
回答已采纳
1回答
为了显示此复选框，我希望将单元测试中的"test"值传递给这个动态HTML标记中的nodeName和nodeDisplayName。
我的单元测试：
it('checkbox is appearing', () => {
const nodes= [{
nodeDisplayName: "test",
nodeName: "test"
}];
// pass value to HTML code
const chec
浏览 1提问于2019-08-09得票数 1
回答已采纳
1回答
在TS文件上动态应用CSS类
、、、、
我在ts文件中有内联的HTML内容，如下所示。
"<div style=\"font-size: 20px;\">" + remainingAmount.toLocaleString() + "</div>"
现在我需要根据条件应用color: red。
即if(this.isSpentOver) color:red else default
我可以在HTML文件中这样做，如下所示：
[ngClass]="{'color-red': isSpentOver}"
但是我如何在ts文件上做到这一
浏览 0提问于2017-10-20得票数 2
回答已采纳
大家好，我是angular和nestjs的初学者，我正在尝试使用前端更新我的数据库中的特定行，它没有更新它，但是，我可以插入新数据，我的文件看起来像这样， 前端 update.component.html <div>
<form class="form">
<div class="pageTitle title"> Update Structure/Department Information </div>
<div class="secondaryTitle tit
浏览 96提问于2021-09-19得票数 0
回答已采纳
1回答
由于某些原因，当在角的ngFor中循环html中的列表时，我无法访问类属性。
我得到的错误是Property 'User' does not exist on type 'AppComponent'，当我清楚地导入了文件并且使用它时，在app.component.ts中没有任何问题。
现在我有了这个，它在User.filteredusers中创建了错误。此外，我还在我正在使用的类型记录文件中包含了User类。
app.component.html
<tr *ngFor="let user of User.filteredUsers |
pa
浏览 6提问于2022-07-20得票数 1
回答已采纳
我正在使用带路由的Gulp Angular2
@RouteConfig([{path:'/contacts', name:'Contacts', component:ContactListComponent, useAsDefault: true }, {path:'/newcontact', name: 'NewContact', component:NewContactComponent}])
在超文本标记语言中包含基本<base href="/">。
下面是我的gulpfile的详细信息
浏览 2提问于2016-02-21得票数 0
我正试图在我的Angular2应用程序中实现打印功能。我偶然发现了这个包裹html2canvas。它看起来令人印象深刻，但当我试图将它包含在我的应用程序中时，它会抛出一个错误。
以下是我所遵循的步骤
从下载的js文件
添加<script src="scripts/html2canvas.js"></script>
在TS文件declare var html2canvas: any;中声明
添加用于打印的代码(当用户单击“打印按钮-测试代码”时)
printview(): void { html2canvas(document.bo
浏览 3提问于2016-10-03得票数 1
我正在MEAN stack中构建一个电子商务应用程序。为了使应用程序实时运行，我使用了pusher-js。为了显示购物车中特定项目的编号，我在ts文件中使用了一个函数，该函数遍历购物车(这是product-card组件的输入属性)中的所有项目，并找到购物车中该项目的编号，然后显示它。
<div *ngIf="product.name" class="card" style="width: 23rem;">
<img *ngIf="product.url" class="card-img-top
浏览 1提问于2018-05-11得票数 0
我正在尝试将rxjs和可观测值合并到ag网格中。作为实践，我正在遵循一个正式的ag网格示例：
我目前使用的是角6，我将js文件更改为ts文件，并进行了适当的更改。我也不包括任何脚本在我的索引文件。每当我打电话给脚本时，我都会收到一堆哑剧错误。所以我把代码转换成严格的角度。我相信这就是引起我的问题的原因。我的目标是让随机行更改它们的值，而不必在订阅可观察到的更新时刷新网页。
在下面的代码中，您将看到基本上有一个区间函数，它选择要显示的随机数。当我运行我的代码时，所有的数据都被加载到我的网格中，但是它不会刷新或更新。我订阅了可观察到的更新，以输出更新的数据，但什么也没有发生。这是密码。onGrid
浏览 1提问于2018-08-13得票数 0
回答已采纳
在运行AOT之后，我看到了大量的*.ngsummary.json (在src文件夹中，*.ts文件旁边)。
它们是干什么用的？
浏览 1提问于2017-06-17得票数 5
回答已采纳
5回答
我有一个常量文件constants.ts
export const C0NST = "constant";
我在服务some.service.ts中访问它，如下所示：
import { C0NST } from './constants';
console.log(C0NST); // "constant"
但是，当我在组件模板中访问它时：
some.component.ts
import { C0NST } from './constants';
some.component.html
{{ C0NST }} <!--
浏览 5提问于2016-10-25得票数 86
回答已采纳
2回答
我是新的Ionic应用程序开发，我一直跟随教程为同样的。我试图动态地为<ion-badge>分配颜色，但它不起作用。
因此，在我的.html文件中，我有以下内容
<ion-col width-20>
<ion-badge [class]="getWinOrLossBageClass(game)">{{getWinOrLoss(game)}}</ion-badge>
</ion-col>
在我的.ts文件中
getWinOrLossBageClass(game) {
return game.scor
浏览 0提问于2017-12-12得票数 1
回答已采纳
我的应用程序需要一个品牌代码来确定样式和多姆。
目前，我的网址是www.SiteName.com/HBL (HBL = brandName)。
这是一个简单的网站，它有唯一的页眉，页脚，搜索组件。
但是我需要从服务api中获得品牌信息。
所以在Appcomponent.ts中，我注入了ActivatedRoute，在ngOnInit方法中，我订阅了paramMap。
当我加载应用程序时，我得到的是空参数值。
这就是我所做的
my app.compnent.html:
<div class="container">
<header [brand]="
浏览 1提问于2019-05-06得票数 2
6回答
所以我用angular-cli创建了一个应用程序。我在src dir中有如下结构。
. ├── app │ ├── app-routing.module.ts │ ├── app.component.css │ ├── app.component.html │ ├── app.component.spec.ts │ ├── app.component.ts │ ├── app.module.ts │ └── notifications │ ├── notifications.component.css │ ├── notifications.
浏览 6提问于2019-09-26得票数 10
回答已采纳
我最近更新了VS2017，我看到了许多类型记录构建错误。
这些错误都是相同的，都与d.ts文件的有效性有关。
下面是d.ts文件中导致类型记录编译错误(TS2411)的一些代码：
interface JQueryAjaxSettings {
}
interface DataSourceTransportCreate extends JQueryAjaxSettings {
cache?: boolean;
contentType?: string;
data?: any;
dataType?: string;
type?: string;
ur
浏览 1提问于2017-11-22得票数 3
回答已采纳
mycomponent.ts
import { Component, OnInit } from '@angular/core';
import {FormGroup,FormControl} from '@angular/forms'
import { DataServiceService } from './data-service.service';
import {combineLatest,Observable,pipe} from 'rxjs';
import {map,tap} from 'rxjs/oper
浏览 0提问于2018-11-29得票数 3
回答已采纳
在linux中，我的文件夹如下所示：
src
├── app
│ ├── app.component.css
│ ├── app.component.html
│ ├── app.component.spec.ts
│ ├── app.component.ts
│ ├── app.module.ts
│ ├── app-routing.module.ts
│ ├── components
│ │ ├── catalog-main
│ │ │ ├── catalog-main.component.css
│ │ │ ├── catalo
浏览 2提问于2020-01-05得票数 1
回答已采纳
我按照中的指令进行了一些修改，以便将ActiveReportsJS报表设计器集成到ASP.NET样板角应用程序中。
报表设计器集成在src\app\home\home.component.ts中，src\app\home\home.component.html集成在my ASP.NET样板角应用程序中，HashLocationStrategy集成在src\root.module.ts.中
以下是这些文件的截图。
问题是，当HashLocationStrategy在src\root.module.ts中应用时，我试图输入主页，该页面立即被重定向到about页面。我观察了这个URL，发现这
浏览 6提问于2021-05-27得票数 0
回答已采纳
在HTML中，我使用了标签输入。用户可以在其中键入逗号分隔值。但是，在.ts中，我无法获取标记输入的值。下面是我在html和ts文件中分别编写的代码：
<tag-input name="users" [(ngModel)]="users"></tag-input>
在.ts文件中-
onSubmit(form : NgForm) {
console.log(form.value);
}
它显示了{users: undefined, message: "my message"}
如何在提交时获取用户字段的值？
浏览 0提问于2018-11-21得票数 0
框架对传统的过度配置有很强的吸引力。
在它的docs 中，我们有一个类似于这样的源代码结构：
.
├── index.html
├── config.js
├── src
├── main.ts
├── app.ts // viewmodel
├── app.html // view
├── welcome.ts // viewmodel
├── welcome.html // view
├── users.ts // viewmodel
├── users.html // vi
浏览 0提问于2016-01-11得票数 1
回答已采纳
2回答
我试图使用HtmlWebpackPlugin加载一个HTML模板，但它似乎不起作用。如果我尝试加载插件没有参数，它可以工作。有什么想法吗？
我试图加载的index.html文件位于正确的位置，只是考虑一下
package.json:
{
...
"devDependencies": {
"@babel/core": "^7.7.4",
"@storybook/html": "^5.2.8",
"babel-loader": "^8.0.6",
&
浏览 3提问于2019-12-06得票数 6
回答已采纳
我有一门课的目标。这个对象正在从API中获取数据。在访问HTML中的这个对象时，我得到了错误的TS2532。这是密码--
export interface TgtInfo{
Month: string;
SerTarget?: number;
IFCTarget?: number;
EmailTarget?: number;
PSFTarget?: number;
SMRTarget?: number;
SerAch?: number;
I
浏览 11提问于2022-01-11得票数 0
我是Typescript的新手，正在尝试理解名称空间以及如何引用定义在不同文件中的接口。我来自.NET C#背景，所以我习惯于在它们自己的文件中创建每个类和接口。
INationalRailService：
//// <reference path="../../../../typings/tsd.d.ts" />
/// <reference path="../../../../typings/app.d.ts" />
namespace Interfaces {
export interface INationalRailS
浏览 0提问于2016-02-21得票数 0
这看起来如此琐碎，但我却未能使它发挥作用。在外部npm依赖项中有一个类Collection (例如packagename)。在我当前的项目中，我想向该类的原型添加一些方法，并通知TS这个事实。
在外部模块中，类的定义如下：
export class Collection<T extends Document> {
// ...
}
下面是我在项目中的一个external.d.ts文件中所写的内容：
import { Document } from "packagename";
declare module "packagename" {
e
浏览 6提问于2021-04-13得票数 0
回答已采纳
car.ts在"export class Car{}“中有"isNewCar”变量，我需要将"isNewCar“变量导出到另一个组件carSale.ts中，该组件位于不同的目录中，而不是在同一个模块中。是否必须将car.ts模板添加到carSale.ts文件中，并添加"isNewCar“作为输入？ 编辑: car.ts具有导出类Car{ isNewCar:boolean = false；}并且car.ts是一个组件。carSale.ts也是一个组件，但它不在与car.ts相同的/共享模块中。我需要carSale.ts，并最终需要carSale.ng.html来
浏览 25提问于2021-07-11得票数 0
我有一个文件platforms.ts，其中声明了一个数组如下：
export const platforms: Platforms[] = [
{
name: 'Instagram',
value: 'instagram'
},
{
name: 'Facebook',
value: 'facebook'
}
];
我尝试将该数组导入到我的角组件中，以便在*ngFor中使用该数组，例如：
<ng-container *ngFor="let platform of plat
浏览 8提问于2022-02-24得票数 2
回答已采纳
我的component.ts文件中有以下内容：
@Component({
selector: 'app-loop-back',
template: `
<input #box (keyup)="0">
<p>{{box.value}}</p>
`
})
export class LoopbackComponent implements OnInit{
sampleString: string;
contructor(){}
ngOnInit(): void {}
}
基
浏览 1提问于2019-11-01得票数 0
回答已采纳
我有一个服务，它返回一个可观察的，它向我的服务器发出一个http请求并获取数据。我想使用这些数据，但在完成网络选项卡中能够看到数据的分页之后，我将获得数据为null。
服务
getUserData(userId : string): Observable<any>{
const headers = new Headers({ 'Content-Type': 'application/json' });
return this.http.get<any[]>("user/get", headers)
}
浏览 4提问于2022-09-27得票数 0
我在我的父组件中有，我想要检测发出的事件。
child.component.ts
@Component({
selector: 'child-component',
templateUrl: './child.component.html',
styleUrls: ['./child.component.scss']
})
export class ChildComponent implements OnInit {
@Input() public state: String = 'CLOSED&
浏览 0提问于2018-07-17得票数 5
我有changes变量，它是component.ts文件中的布尔值。此变量也在.html文件中使用。我正在尝试访问.scss文件中的此变量，并基于布尔条件，如果为真，则应在网站上应用移动属性。如何在scss文件中访问此布尔变量并应用于&.Mobile，并确保更改与可编辑模板正常工作？
这是我的.html文件
<div class="ab-table-filters">
这是我的scss文件
.bot {
border-radius: 2px;
text-align: left;
width: 100%;
@media (min-wi
浏览 16提问于2019-10-29得票数 0
这与提到的非常相似，但在评论或答复中提供的每一种解决方案都不能解决我的问题。想看看还有什么我应该看的。我尝试了不同的途径
./app/mycomponent/mycomponent.module#MyComponentModule，
.mycomponent//mycomponent.module#MyComponentModule
但什么都不管用。我和原来的问题最大的区别是，我们最近增加了webpack，那时应用程序就坏了。当我们没有使用任何捆绑服务(Webpack)，一切都是单独的文件，这一切都工作得很好。另外，我的home.module，也就是主页，没有这个问题。其他每一
浏览 0提问于2018-07-22得票数 4
回答已采纳
1回答
目前正在尝试使用自定义管道来筛选我的*ngFor列表项，以切换评论状态为打开或关闭的帖子。好像在设置它的时候遇到了麻烦。
守则如下：
app.component.html
<select (change)="onChange($event.target.value)">
<option value="all" selected="selected">All</option>
<option value="open">Open</option>
浏览 0提问于2018-09-11得票数 0
回答已采纳
我一直在学习角和使用dotnet new angular来创建新的应用程序。我试图升级从模板创建的应用程序到角度4，然后才发现它完全破坏了它。我确实尝试回滚到2，但没有成功，现在我发现使用SPA模板从头创建一个新的应用程序会导致以下错误。在访问Ctrl+F5之前，我没有做过任何代码更改。
TS2345:类型为“{ html: string；}”的参数不能分配给'RenderToStringResult \\ RedirectResult _\ PromiseLike‘类型的参数。键入“{ html: string；}”不能指定键入“PromiseLike”。属性‘in’在类型'
浏览 4提问于2017-05-04得票数 1
回答已采纳
我一直在angular 2中闲逛，我正在尝试创建一个可以显示多种类型列表项的list组件。
我的方法是分别创建各种类型的ListItemComponents，并让它们实现一个IListItemComponent接口。然后，我将通过我的父组件(主页)指定我的listComponent将使用的listItemComponent类型。
home.component.html (父级)
<h2>Home</h2>
<infinite-scroll>Loading</infinite-scroll>
home.component.ts (父级)
浏览 0提问于2016-08-21得票数 0
1回答
我有两个组件文件：file1.component.ts和file2.component.ts。在按钮事件上，我想从file2.component.ts (例如ngOnInit())在file1.component.ts中调用一个方法。这是我的代码：
<!DOCTYPE html>
<html>
<head>
<title>angular2 playground</title>
<link rel="stylesheet" href="style.css" />
&
浏览 2提问于2017-02-20得票数 0
1回答
大多数教程都解释了如何创建一个java applet:用一个类创建一个.java文件，用javac编译它，把.class放在某个地方，在html中添加一个合适的标签。
但是，我找不到任何关于构建和发布由多个类和附加库组成的复杂applet的最佳实践。这种情况下的构建/发布过程是怎样的？从我的java项目到最终的.jar放到web上需要做些什么？
我使用的是纯Eclipse，没有插件。
浏览 1提问于2010-03-15得票数 0
回答已采纳
1回答
在角型组件中，我们通常看到组件逻辑的my.component.ts文件、my.component.html结构的my.component.html AKA“模板”AKA视图文件、组件的“样式”的my.component.css或my.component.scss文件，以及作为“单元测试”文件的my.component.spec.ts文件。
我脑子里放了个屁，想怎么随便引用my.component.ts文件。它不是模板/视图，不是样式，也不是单元测试文件。“组件逻辑”是否足够？在讨论角度框架时，您将如何引用my.component.ts文件？
浏览 3提问于2022-06-13得票数 -1
我有一个简单的带有输入的自定义指令，我在我的组件中绑定到它。但是无论出于什么原因，在更改输入属性的子属性时，ngOnchanges()方法都不会触发。
my.component.ts
import {Component} from 'angular2/core';
import {MyDirective} from './my.directive';
@Component({
directives: [MyDirective],
selector: 'my-component',
templateUrl: 'T
浏览 0提问于2016-01-13得票数 16
回答已采纳
是否可以引用我的类型脚本类中的html文件<script>标记中定义的<script>变量？
我正在用angular2开发一个带有类型记录的应用程序，它需要一些普通的JavaScript变量，这些变量是在<script>中的index.html中声明和分配的。当我试图在我的打字课中引用它们时，我会收到以下错误。
在没有引用的情况下获得以下错误：
app/services/Resources.ts(8,41): error TS2339: Property 'Resources' does not exist on type 'Wind
浏览 1提问于2016-10-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
