"this“在ngOnInit中变得未定义
在Angular中，ngOnInit是一个生命周期钩子函数，它在组件初始化完成后被调用。根据提供的问答内容，问题是关于在ngOnInit中变量"this"变为未定义的情况。
当在ngOnInit中发现变量"this"未定义时，可能有以下几种原因：
- 忘记在组件类中声明该变量：确保在组件类中声明了该变量，并且使用了正确的访问修饰符（如public、private或protected）。
- 异步操作导致变量未定义：如果在ngOnInit中进行了异步操作（如从服务器获取数据），则该操作可能尚未完成，导致变量未定义。可以使用异步操作的返回值来初始化变量，或者在模板中使用*ngIf来延迟组件的渲染，直到变量有值。
- 忘记绑定this：在回调函数中，如果没有正确绑定this，它将指向回调函数本身而不是组件实例。可以使用箭头函数来确保回调函数中的this指向组件实例，或者使用bind方法显式绑定this。
- 组件未正确初始化：如果组件没有正确初始化，ngOnInit可能不会被调用，导致变量未定义。确保组件已经正确声明并在模块中进行了正确的引入。
总结起来，当在ngOnInit中发现变量"this"未定义时，需要检查变量是否正确声明、是否存在异步操作导致的延迟初始化、是否正确绑定this以及组件是否正确初始化等问题。
相关·内容
3回答
在react中的setState之后使用setTimeout以避免异步问题
javascript、reactjs
我经常这样做
this.setState({
something: this.state.something + 1
})
setTimeout(() => { this.props.somefunction(this.state.something) },100);
这是正确的吗？但这至少解决了我的问题。如果我不在这里做超时，在我的父组件中声明的somefunction将收到一个未定义的参数。我猜在setState完成之前，做this.props.somefunction()就被执行了？
浏览 0提问于2017-05-29得票数 1
2回答
为什么ngOnInit方法中的未定义元素在角度上
jquery、angular、masonry
我正在ngOnInit方法中初始化一个库，如下所示：
ngOnInit() {
this.$grid = jQuery('.grid').masonry({
// options
itemSelector: '.grid-item',//,
columnWidth: 384,
gutter: 24
});
......
}
然后，在ngOnInit中调用该实例中的这个方法：
// bind event listener
this.$grid.on( 'layoutComplete',function onLayout() {
浏览 1提问于2017-11-14得票数 1
回答已采纳
4回答
为什么ajax回调在我的局部变量中设置未定义？
javascript、jquery
因为这种奇怪的行为，我在我的网站上发现了一个bug。第二个函数警告“未定义”，而不是“一个”。
function test() {
var myParam = "one"
if (false) {
var myParam = "two";
}
alert(myParam);
}
test(); // alert "one"
function testAjax() {
var myParam = "one";
$.ajax({
url:
浏览 8提问于2012-07-18得票数 1
回答已采纳
4回答
让谷歌地图与Vue.js协同工作
ruby-on-rails、vue.js
我正试图让Google与Vue.js合作。
这是我正在使用的HTML。假设v-if="activeStep === 1"工作并正确地显示预期的div：
<div id="map-container" v-if="activeStep === 1">
<div id='location-map'></div>
</div>
...
<script src="https://maps.googleapis.com/maps/api/js?key=MYKEY"&g
浏览 0提问于2017-09-12得票数 0
2回答
在angular项目中使用web api
angular
我正在使用一个web api cors，它的操作类型是GET。我想在angular项目的公共属性中获得web api的结果。我的问题是，结果受影响的属性仍然是null，它返回一个未定义的值。以下是服务方法的代码：
/**********Operation.service.ts**************/
public GetXmlDefinition():any
{
debugger;
console.log("Response before : "+this.resultXmlDefinition)
return this.http.get('htt
浏览 0提问于2019-02-20得票数 0
1回答
角构造函数与ngOnInit()逻辑的混淆
javascript、angular、okta
import { Component, OnInit } from '@angular/core';
import { OktaAuthService } from '@okta/okta-angular';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {
public
浏览 0提问于2019-11-12得票数 1
回答已采纳
1回答
类变量仅在一个特定方法中未定义
angular
我将两个著名的国际象棋javascript库chessboardjs和chessjs打包到一个Angular项目中。除了我的组件.ts中的一个方法之外，所有的东西都做得很好。此方法由外部js库在拖动一块时调用(如config中所定义)，并且调用有效。我的问题是，在这个'onDragStart()‘方法中，我不能使用类变量棋盘和游戏，因为它们似乎是未定义的，即使我在ngOnInit()中初始化并使用它们。即使对updateStatus()的调用也会被拒绝，就好像这个方法看不到类的任何部分一样。下面是我的组件的代码：
declare var ChessBoard: any;
declare
浏览 11提问于2019-08-20得票数 2
3回答
如何在angular中更新属性？
javascript、angular
我试图在一段时间后更新属性.but它不在视图上的reflecting为什么？
下面是我的代码：
ngOnInit(){
this.ls = "dddd"
setTimeout(function(){
this.name ="helllllll"
}, 3000);
}
我正在尝试更新我的name属性，在3 sec .but之后它没有更新。
为什么更改检测不起作用？
浏览 34提问于2018-05-31得票数 0
回答已采纳
2回答
javascript动态属性在从json中成功声明后消失-变成空对象(不是未定义的)
javascript、jquery、declaration
var s = store.get('billablexxxx');
if (!s) {
if (false) {
s = {
"something" : 'Value', ....
}
}
}else {
s = new Object;
$.getJSON('Translation/GetIndexLabels', function(data) {
$.each(data, functi
浏览 0提问于2011-11-18得票数 0
回答已采纳
1回答
使用AJAX自动加载产品，转到正确的页面位置？
jquery
我需要把产品自动装入一个类别。大多数自动加载函数的问题是访问者没有被重定向到浏览器的Refresh或Go Back按钮上的正确位置。这就是为什么我决定尝试这样的方法:保存当前产品页面的location.hash，然后检索它。
问题是，它仍然将我重定向到页面的开头，并且我有错误：
未定义的TypeError:无法读取未定义的属性“top”
category.html
<!DOCTYPE html>
<html>
<head>
<title>Pages</title>
</head>
<body>
浏览 4提问于2017-11-03得票数 0
回答已采纳
5回答
修改函数内的全局javascript变量
javascript、jquery
我尝试在一个函数内克隆一个json对象，希望在该函数外访问该对象。但是当函数完成时，对象似乎仍然是未定义的。看起来它不是同一个变量？
var jsonUserObj;
$.getJSON("user.json", function(content){
jsonUserObj = $.parseJSON(JSON.stringify(content));
console.log(content);
console.log(jsonUserObj); //looks fine!
});
console.log(jsonUserObj); //undefine
浏览 0提问于2012-10-23得票数 0
2回答
firefox位置感知+ javascript范围
javascript、firefox、scope、location、gis
我主要是用PHP编写代码，我对JavaScript范围不太了解，希望有人能很快地解决我的问题。如注释所示，检查mapCenter.Latitude和mapCenter.Longitude -它们看起来是空的。
if将在浏览器中执行if位置感知--我确信它对我有用，我用一个警告()对它进行了测试。此外，我知道它正在正确地抓取位置.coords.纬度/经度，因为我用警告()来测试它们.但是这些值在函数之外并不是持久的。这可能是微不足道的--修复是什么呢？
function load(){
map = new VEMap('MapDiv');
ma
浏览 2提问于2011-05-25得票数 1
回答已采纳
2回答
无法修改javascript中的全局变量
javascript、ruby-on-rails、google-maps、google-maps-api-3、geocode
var address ="<%= params[:search] %>";
var lat;
var long;
var geocoder = new google.maps.Geocoder();
geocoder.geocode( { 'address': address}, function(results, status) {
lat = results[0].geometry.location.lat();
long = results[0].geometry.location.lng();
});
alert(lat);
//
浏览 0提问于2019-01-20得票数 0
回答已采纳
2回答
为什么在检查视图之前调用ExpressionChangedAfterItHasBeenCheckedError错误-角
angular、angular-lifecycle-hooks
这是我的密码
home-component.ts
export class HomeComponent implements OnChanges, OnInit, DoCheck, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked {
loading = false;
constructor() { }
ngOnChanges(changes: SimpleChanges): void {
console.log('--parent ngOnChanges--')
浏览 9提问于2022-06-30得票数 0
3回答
Javascript在第一次完成之前执行第二行代码
javascript、sqlite
我需要运行SELECT语句并存储结果。然后，我需要将这些结果传递到一个函数中，并根据给定的数据点创建一个图。请参阅下面的代码。
var dataKWhr = getCoverageAndKWhr();
console.log(dataKWhr);
createGraph(dataKWhr);
console.log("Created graph");
getCoverageAndKWhr函数开始运行，但原始函数的其余部分继续使用log语句和createGraph。这将失败，因为此时dataKWhr未定义，因为它的值尚未从getCoverageAndKWhr()返回。
我不想
浏览 4提问于2013-10-29得票数 1
回答已采纳
1回答
返回d3.js中的全局变量
javascript、d3.js
我需要得到这个叫做地图的算法的结果。这个结果是异步的，这就是它不能使用定义全局变量的原因。我需要得到生成以下内容的json对象："features.features“。
d3.json ("mapaoriginal.topojson" function (topology) {
var = cartogram features (topology, topology.objects.collection.geometries);
d3.select ("
浏览 2提问于2015-09-01得票数 0
2回答
@Viewchild在ngOnInit期间未初始化
angular、typescript、angular-material、viewchild、ngoninit
我使用来自不同观察点的数据源在不同组件中运行两个MatTables。我的一个表排序功能工作得很好，但是在我的第二个表上，似乎在ngOnInit期间@ViewChild for MatSort没有初始化。
数据呈现，材料表有排序按钮，但功能为空。检查了我的导入和模块，一切正常。
在记录MatSort时，一个组件记录MatSort对象，另一个组件未定义
排序不起作用。
Feed.component：
import { PostService } from './../../services/post.service';
import { Post } from '
浏览 3提问于2019-07-10得票数 8
回答已采纳
2回答
订阅未将数据绑定到输入装饰器
angular、typescript
从订阅获取数据时，我的数据没有绑定到我的局部变量。
我有两个组件和一个服务。父组件从一个服务调用一个方法去做一个http get，这个get包含一个我需要绑定的user对象。但是，当在订阅之外对对象执行console.logging操作时，它看起来是未定义的。
下面是我的代码：
父组件：
selectedUser : User;
onUserRowSelect(event): void {
this.router.navigate(['../childComponent'], { relativeTo: this.route });
this.formSe
浏览 6提问于2018-02-02得票数 0
3回答
在Jquery调用之外访问JSON字符串
javascript、jquery、ajax、json
我想知道，这是以一种传统的var集的形式访问jquery调用结果的任何方式吗？例如，考虑：
function getPoints(){
//An array of JSON objects
var Points;
$.ajax({
url: "js/retrievePointsDataJson.php",
dataType:'json',
type: 'POST',
}).done(function(data){
浏览 3提问于2014-01-09得票数 1
回答已采纳
2回答
在不同的Javascript函数中使用Jquery ajax调用？
javascript、jquery、html、function、return-value
我对这个函数有一个问题
function readComm(){
$.post("something.php", {read:"read"}, function(data){
retVal = $.trim(data).toString();
console.log(retVal);
return retVal;
});
}
它应该调用php文件，并从文本文件中读取一些值。它按照它应该做的那样做，并在我的控制台上从一个函数中正确地打印出来。问题是当我想在另一个函数中使用这个值的时候。它表示该值未定义
浏览 0提问于2014-02-20得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
