在我的Angular表单中获取'TypeError: Cannot read property‘of undefined’错误
在Angular表单中获取'TypeError: Cannot read property 'of undefined'错误是由于尝试访问未定义的属性而引起的。这通常发生在尝试访问表单控件的值或属性时，但该控件尚未被初始化或不存在。
要解决这个错误，可以采取以下步骤：
- 确保在模板中正确绑定了表单控件。检查表单控件的名称、ngModel绑定和其他属性是否正确设置。
- 在组件中，确保在尝试访问表单控件之前，表单已经被初始化。可以在组件的构造函数中初始化表单，或者使用ngOnInit生命周期钩子函数。
- 使用ngIf指令或ng-container元素来确保只有在表单控件可用时才尝试访问它们。例如，可以使用ngIf="formControlName.control"来检查表单控件是否存在。
- 在访问表单控件之前，可以使用安全导航操作符（?）来避免错误。例如，使用{{ formControlName?.value }}来访问表单控件的值。
- 如果错误仍然存在，可以使用console.log()或调试工具来检查表单控件的状态和属性。这有助于确定哪个控件未正确初始化或定义。
总结起来，解决'TypeError: Cannot read property 'of undefined'错误的关键是确保表单控件正确初始化并且存在。通过检查绑定、初始化顺序和使用安全导航操作符等方法，可以避免这个错误的发生。
腾讯云提供了一系列与云计算相关的产品，例如云服务器、云数据库、云存储等。您可以在腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的信息。
相关·内容
我使用的是角6，我想使用ngModel：
<input type="text" [(ngModel)]="textValue">
所以我得到了这个错误：
Can't bind to 'ngModel' since it isn't a known property of 'input'
我尝试将表单模块添加到我的login.module.ts中，但是我发现webpack的错误：
Cannot read property 'call' of undefined
TypeError: Can
浏览 1提问于2018-08-18得票数 0
回答已采纳
我尝试使用Angular Reactive表单，我的组件类的代码是：Component Class file 我的HTML代码是：HTML file 我在控制台中看到以下错误： core.js:15724 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'controls' of undefined
TypeError: Cannot read property 'controls' of undefined
at new LoginComponent (login
浏览 16提问于2019-07-04得票数 0
我似乎无法在我的spec文件中获得正确的依赖项来测试我创建的新表单。
我有两个测试通过了，但当我使用setValue或patchValue设置我的测试表单数据时，第三个测试变得很麻烦。
浏览器中的因果报应：TypeError: Cannot read property 'patchValue' of undefined
import { TestBed, async } from '@angular/core/testing';
import { Component, ViewChild } from '@angular/core';
impor
浏览 0提问于2017-04-15得票数 2
我试图使用角2中的Http类获取一个json文件，我遵循了角2主页上的示例：。然而，我得到了下面的错误信息。我使用角2.0.0-α.37，跟踪0.0.91，系统am 0.16.11，ES6-模块-装载机0.16.6和类型记录1.6.2。对这里可能出了什么问题有什么想法吗？
app.ts
///<reference path="typings/angular2/angular2.d.ts"/>
///<reference path="typings/angular2/http.d.ts"/>
import {Component, View,
浏览 3提问于2015-09-29得票数 8
Chrome控制台显示上面的消息
pnotify.animate.js:1 Uncaught TypeError: Cannot read property 'prototype' of undefined(anonymous function) @ pnotify.animate.js:1(anonymous function) @ pnotify.animate.js:1(anonymous function) @ pnotify.animate.js:1
pnotify.buttons.js:1 Uncaught TypeError: Cannot read proper
浏览 3提问于2016-10-05得票数 0
我正在尝试构建用于生产的Angular 8应用程序，我得到了这些错误。有什么建议可以解决这个问题吗？ ERROR in ./node_modules/primeng/fesm5/primeng-table.js
Module build failed (from ./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):
TypeError: Cannot read property 'kind' of undefined
at isAngularDeco
浏览 20提问于2019-12-14得票数 0
我有角JS函数，它重置HTML表单：
$scope.resetForm = function (formName)
{
$scope.formData = angular.copy(formEdit);
$scope.formName.$setPristine();
}
HTML看起来如下：
<form name="educAddForm" novalidate>
<div ng-click="resetForm(educAddForm)">Click</div>
单击“我得到错误”后：
TypeError: Ca
浏览 3提问于2015-05-28得票数 0
回答已采纳
我正在尝试创建我的第一个angular/rxjs应用程序，但我不知道为什么会出现这个错误：
TypeError: Cannot read property 'students' of undefined
我试着学习教程，但我没有逐字抄袭。我完全是个新手。
浏览 0提问于2018-07-06得票数 0
我在我的Drupal网站上遇到了以下错误：
caught TypeError: Cannot read property 'version' of undefined
jquery.formalize.js?nkmwqx:13 Uncaught TypeError: Cannot read property 'msie' of undefined
caught TypeError: Cannot read property 'version' of undefined
jquery.formalize.js?nkmwqx:13 Uncaught
浏览 0提问于2015-03-06得票数 3
回答已采纳
2回答
我使用"npm“运行的几乎每个命令，有些使用"ng”都返回此错误。
我从Nativescript和angular开始，我在这里很迷茫.
知道这些错误从何而来吗？
例如，尝试创建一个具有角的新应用程序("ng新角应用程序“)
日志返回所有这些错误：
17 silly fetchPackageMetaData error for @angular-devkit/build-angular@~0.13.0 Cannot read property 'resolve' of undefined
18 silly fetchPackageMetaData erro
浏览 4提问于2019-03-03得票数 2
回答已采纳
我在使用Karma和Jasmine运行ng测试时遇到了问题。它会停止浏览器，当我取消运行时，它会抛出下面的错误。 > Cannot read property 'success' of undefined TypeError: Cannot read
> property 'success' of undefined
> at TestCommand.runSingleTarget (C:\workspace\uif_mdm\node_modules\@angular\cli\models\packages\angular\cli\m
浏览 29提问于2019-06-24得票数 5
我使用angular2-google地图来构建带有标记的google地图。我正在努力实现的是创建一个标记，它是根据用户的社交媒体配置文件图片定制的。我要用这个：
为此，我需要修改我无法访问的标记代码。
模板：
<sebm-google-map-marker
[latitude]="lat"
[longitude]="lon"
[appSocialMediaGoogleMapMarker]="'assets/img/temp/profile-image.png'"
>
</sebm-google-m
浏览 7提问于2017-04-08得票数 0
回答已采纳
我想在我的Angular项目中使用Google Maps API，所以我使用以下两个命令来安装npm包：
npm install @agm/core --save-dev
npm install @types/googlemaps --save-dev
我将这一行添加到我的组件中：
import {} from "@types/googlemaps";
但我在VS代码中看到了这两个错误：
[ts] File 'h:/Angular Projects/Breakfast/client/breakfast/node_modules/@types/googlemaps/ind
浏览 4提问于2018-06-28得票数 73
我无法将$watch附加到变量以检查其在表单中的有效性。$有效抛出错误
TypeError: Cannot read property 'exp' of undefined
at watchFnToHumanReadableString
阵列: menuItems
{
name : 'Games',
validationRequired : true,
formName : 'games_action'
}
JS
angular.forEach($scope.menuItems, fun
浏览 1提问于2013-12-22得票数 1
回答已采纳
1回答
离子5角Sqlite:前景无限
、、、、
我试图在ionic 5 Angular中创建数据库，但在调用.then()方法时遇到Uncaught (in promise)错误 ? ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'then' of undefined
TypeError: Cannot read property 'then' of undefined 在构造函数中调用的createDB()函数中存在错误 export class UniversalService {
private
浏览 12提问于2020-08-21得票数 0
我有一个可以有任意数量规定的表单，我正在尝试将它数据绑定到一个对象数组。除了我总是收到：Cannot read property number of undefined。
下面是我的html：
<tr *ngFor="let num of [0, 1, 2]">
<td><input type="number" name="number" class="form-control" [(ngModel)]="prescricao[num].number" #number=
浏览 1提问于2017-12-11得票数 0
1回答
我正在尝试在Angular 2中使用QuaggaJS。我在app文件夹中有quagga.d.ts文件，在组件中有以下导入语句：
import Quagga from './quagga.d';
导游说从'quagga‘，但它不工作，但上面的工作
declare const Quagga = require('quagga').default;
我在组件的构造函数中有如下代码：
constructor() {
Quagga.init({
inputStream : {
name : "Live",
浏览 10提问于2017-03-02得票数 3
回答已采纳
我尝试在我的组件中添加CanDeactivate功能，我有一个表单，其中有one input字段和按钮。我希望如果用户在输入字段中输入一些内容，然后在没有提交的情况下移动到下一个screen，它将显示一个对话框，.if用户从对话框bix中输入yes，然后转到下一个组件，否则它将保持在相同的屏幕中。
这是我的代码
import {CanDeactivate} from '@angular/router';
import { HelloComponent } from './hello.component';
export default class Deacti
浏览 2提问于2018-08-27得票数 1
回答已采纳
我正在转换一个旧的angular2项目，使用meteor作为一个基于I 2-meteor whatsapp教程的项目的管理面板样式的东西。
因此，我在api内的客户端文件夹中构建网站。
我非常确定我已经为angular2客户端做了正确的事情(基于旧的社交教程)。
不过，我把它们当作错误来处理。
modules.js:13538 Uncaught SyntaxError: Unexpected token export
es5-shim.js:17 Uncaught TypeError: Cannot read property 'meteorInstall' of undefi
浏览 4提问于2017-03-03得票数 0
回答已采纳
我已经实现了如下所述的CustomDateAdapter：
现在，我正在执行Angular Material 6迁移，得到以下错误
core.js:1598 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'TRIDENT' of undefined
TypeError: Cannot read property 'TRIDENT' of undefined
at CustomDateAdapter.NativeDateAdapter [as constructor] (co
浏览 0提问于2018-05-30得票数 4
我测试了angular2-seed ()，用于在表中显示存储库详细信息，这是一个纯json字符串。因此，将以下代码添加到repo-detail.Component.html中：
<table>
<tr>
<td>{{repoDetails.id}}</td>
<td>{{repoDetails.owner.login}}</td> <!--It's ok without this line-->
</tr>
</table>
现在数
浏览 4提问于2016-11-13得票数 0
调试时，我希望输出日志消息到控制台。在控制器中工作很好，但是不能让它在模块配置块中工作。
angular.module('MyApp', [])
.run(function($state){
// run stuff here
});
.config(function($logProvider){
$log.debug('Config debug message');
});
我收到一个错误：
error TypeError: Cannot read property 'debug' of undefined
是否
浏览 4提问于2014-09-22得票数 6
回答已采纳
2回答
离子呼叫服务
、、
我定义了一个像这样的离子型服务(文件reddit.service.ts)：
import {Injectable} from '@angular/core';
import {Http} from '@angular/http';
import 'rxjs/Rx';
@Injectable()
export class RedditService{
http:any;
baseUrl: String;
counstructor(http:Http){
this.http = http;
this.baseUrl = '
浏览 0提问于2017-05-01得票数 2
回答已采纳
1回答
选择和引导的麻烦
、、、
我正在尝试实现可视标记，这是基于Railscasts一集：
由于某些原因，无法找到所选的库(请参阅下面来自javascript控制台的错误)。我也有点担心这些引导错误。
application.js
//= require bootstrap
//= require jquery
//= require chosen-jquery
//= require jquery_ujs
//= require_tree .
application.css
*= require_self
*= require chosen
*= require_tree .
sentences.js.coffee
jQu
浏览 0提问于2013-11-23得票数 0
回答已采纳
我有一个运行时错误，它给了我在我的angular应用程序中defaultView的堆栈跟踪，并且它阻止了我继续我的项目。
错误： ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'defaultView' of undefined TypeError: Cannot read property 'defaultView' of undefined
我已经用谷歌搜索过了，但没有一个问题是有角度的。所以我认为这是第一个关于defaultView与angular的文章。
我有一些
浏览 53提问于2019-06-26得票数 0
回答已采纳
我得到了这个错误：
Uncaught TypeError: Cannot read property 'chocolate' of undefined
当使用@clr 0.12.6或更高版本构建(ng build --prod)我的Angular项目时。
任何人都有同样的问题，如果是这样，你能解决它吗?如何解决？
谁能告诉我“胆汁”属性是在哪里使用的？这可以帮助我指出我的问题。
谢谢
浏览 13提问于2018-08-07得票数 0
回答已采纳
我正在为angular 2使用angular-CLI，在我所有的angular 2项目中，在ng serve获取模块构建失败'Cannot read property newLine of undefined‘错误之后，我正在命令提示符中执行ng serve。
Module build failed: TypeError: Cannot read property 'newLine' of undefined
at Object.getNewLineCharacter (C:\Users\timebound\angularJson\node_modules\typesc
浏览 2提问于2017-02-09得票数 2
回答已采纳
从angular8升级到angular 10后，我得到以下错误： "Uncaught TypeError: Cannot read property 'document' of undefined at d3.js". 我想这可能与我在升级到angular10之前添加的plotly.js库有关。有没有人遇到过类似的错误？
浏览 11提问于2020-07-02得票数 1
我正在尝试通过我的webApplication中的hereMaps Api添加地图，该Api位于Angular7 .While creating platform中，使用的服务模块是 this.platform = new H.service.Platform({
"app_id": "{9qrlA6ZVcLPDw16Mkclk}",
}); 我一直在跟你说， ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'service'
浏览 8提问于2020-06-19得票数 0
3回答
我想pipe一个反应形式的表单组。
然后我想对这组单独的控件做一些检查。
下面是我如何定义表单
myForm = this.formBuilder.group({
myFormNameDrop: this.formBuilder.group({
myName:['',Validators.required],
myDrop:['era']
}),
style:[''],
userId:[this.user_id]
});
这是我尝试创建的pipe
this.results =
浏览 0提问于2018-08-29得票数 11
回答已采纳
1回答
我能够运行我的角流星科多瓦应用程序，没有问题，直到我做了一个小的改变。现在，每当我运行meteor run android-device时，它都会尝试在设备上启动应用程序，但是当它启动时，加载包就会有问题。这是输出的日志：
=> App running at: http://localhost:3000/
=> Started app on Android Device.
I20160308-12:51:21.879(0) (android:http://meteor.local/packages/angular_angular.js:1) Un
浏览 2提问于2016-03-08得票数 0
1回答
我正在尝试使用角引导，但是我总是得到错误的Cannot read property 'open' of undefined。
我就是这么用它的。
在我的index.html里我包括了它
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.min.js"></script>
在app.js中
angular
.module('MyApp', ['ngRoute', 'ngResource', &#
浏览 3提问于2015-06-02得票数 0
1回答
表单组中形式数组中的角订阅值
、、、、
我是angular8，在表单组中有一个表单数组，但是我希望检测到某个输入的新变化。
ngOnInit(): void {
this.makeForm = this.fb.group({
year:['', Validators.required],
amount:['', Validators.required],
desc:['', Validators.required],
details: new FormArray([
this.det()
浏览 4提问于2020-12-10得票数 4
回答已采纳
将Meteor从0.9.0.1升级到0.9.1后，控制台中出现了以下错误：
Uncaught TypeError: Cannot read property 'registerHelper' of undefined
Uncaught TypeError: Cannot read property 'T9n' of undefined
Uncaught TypeError: Cannot read property 'AccountsEntry' of undefined
Uncaught ReferenceError: Template
浏览 2提问于2014-09-05得票数 1
回答已采纳
在下面的代码中，没有类似于definitions的内容，但是仍然得到了以下错误：
Error: (SystemJS) Cannot read property 'definitions' of undefined
TypeError: Cannot read property 'definitions' of undefined
见以下代码：
dashboard.component.ts:
import { Component, OnInit,HostBinding } from '@angular/core';
import { slide
浏览 2提问于2017-02-02得票数 0
回答已采纳
当我尝试运行我的angular应用程序时，我得到了一个错误。我已经安装了nodejs，python，电子，但不能运行应用程序...我在CMD中写了"npm start“命令，但是我得到了一个类似这样的错误：
C:\xampp\htdocs\string-desktop>npm start
npm WARN invalid config registry=""
npm WARN invalid config Must be a full url with 'http://'
npm WARN invalid config registry="
浏览 0提问于2019-03-13得票数 2
我正在使用Vue.js、TypeScript和aws-iot-device-sdk包，并且喜欢订阅IoT主题。我就是这样创建一个新客户端的：
import AwsIot from 'aws-iot-device-sdk';
import { config } from 'aws-sdk';
client = new AwsIot.device({
region: 'foo',
host: 'foo',
clientId: 'foo',
protocol: 'wss'
浏览 0提问于2019-04-03得票数 1
回答已采纳
1回答
我将jquery无冲突方法定义为这里定义的
但在此之后，我会使用类似的附加配置加载我的页面。
config.paths.jqueryLayout = ["scripts/jquery.layout-1.3.0"];
config.shim.jqueryLayout = {deps: ['jquery']};
config.paths.jqueryUi = ["scripts/jquery-ui-1.10.min"];
config.shim.jqueryUi = {deps: ['jquery']};
现在，在将无冲突添加到tr
浏览 0提问于2013-07-13得票数 0
回答已采纳
假设我有一个小的规范，比如：
describe("feature", () => {
it("does stuff", () => {
return myPromiseBasedFn().then(result => {
expect(result).to.eql(1);
});
});
});
目前，当promise被拒绝时，我只看到错误消息。例如：
12 passing (88ms)
1 failing
1) feature does stuff:
TypeError: Cannot read p
浏览 0提问于2017-07-09得票数 2
我在我的角度项目中使用ui-router。对于测试，我使用的是Karma和Jasmine。
当运行Karma时，我会得到以下错误：
Uncaught TypeError: Cannot read property 'isDefined' of undefined
at /Applications/MAMP/htdocs/examtesting/js/vendor/angular-ui-router.min.js:7
我怎么才能摆脱这一切？
这是整个航站楼：
patrickreck@Patricks-MacBook-Pro /A/M/h/examtesting> karma
浏览 4提问于2014-05-27得票数 2
回答已采纳
我尝试用下面的类实现observable
import {Injectable, } from '@angular/core';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/share';
import {Observer} from 'rxjs/Observer';
@Injectable()
export class CalendarService {
dataChange: Observable<any>;
dat
浏览 2提问于2016-09-28得票数 0
1回答
我正在为关于角2迁移的演示构建一个演示应用程序。我的应用程序的一部分有<input ng-model="" />，我想把它改为“角2的方式”。所以，我有两个选择：
使用“formDirectives”，这对我的演示来说是一个过度的操作，因为这里没有表单，只需要一些输入来更新一些数据
使用Victor Savkin (角2组)在他的(伟大的) 中展示的内容
<input ([ng-model])="todo.text" />
当ng-model是指令时：
import {Directive, EventEmitter} fr
浏览 2提问于2015-08-30得票数 2
回答已采纳
我正在尝试导入一个本地文件以使用其中的数据。我已经尝试了require方法和import方法。两种方法似乎都不管用。我使用的是Angular 5和Typescript 2.9.2。我被锁定在angular 5上。我正在为aot构建，当我查看导出的fesm5文件时，json文件似乎无法解析。(我不想用HTTP把它拉进来...)
import * as data from '../../assets/file.json';
当我尝试将tsconfig值设置为：
"resolveJsonModule": true,
我在构建时遇到一个错误：
Cannot read
浏览 0提问于2019-05-12得票数 0
2回答
我想对我的软件做一些测试，所以我在网上学习一些教程，并找到实用流星软件包:摩卡。但是在安装软件包并打开本地程序之后(没有编写任何测试)。我收到错误的叫喊：
socket-stream-client.js:100 Uncaught TypeError: _this._launchConnection is not a function
at new ClientStream (socket-stream-client.js:100)
at new Connection (ddp-client.js:435)
at Object.DDP.connect (ddp-clien
浏览 0提问于2018-05-13得票数 0
回答已采纳
我使用ember-data，但当使用find搜索地点，并获得用户的地点列表。我的有效负载可能包含一个位置列表，我应该如何规范化这个响应。store.find不允许数组。我如何处理这个列表？
跟随一个错误，我得到了这一点。
Cannot read property 'getRecord' of undefined TypeError: Cannot read property 'getRecord' of undefined
浏览 0提问于2016-02-20得票数 0
1回答
使用rc run将Reaction从1.4.x升级到1.5.x我在Firefox中得到了这个错误：
TypeError: require(...).__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED is undefined
而Chrome中的这些错误：
Uncaught TypeError: Cannot read property 'EventPluginHub' of undefined
Uncaught TypeError: Cannot read property 'marketplaceEnabled'
浏览 0提问于2017-10-30得票数 0
回答已采纳
在我的离子应用程序上运行单元测试时，在app.component.spec.ts中，它测试应用程序是否初始化，我得到了以下错误： AppComponent should initialize the app
Uncaught Error: Uncaught (in promise): TypeError: Cannot read property 'getToken' of undefined
TypeError: Cannot read property 'getToken' of undefined
Failed: Uncaught (in promi
浏览 22提问于2021-02-12得票数 0
回答已采纳
2回答
当我点击"/home“url时，我遇到了错误：
ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'navigate' of undefined
TypeError: Cannot read property 'navigate' of undefined
at onAuthRequired (main.js:83)
at OktaAuthGuard.<anonymous> (vendor.js:77444)
当我使用尝试使用OktaAuth
浏览 6提问于2020-06-07得票数 4
回答已采纳
嗨，我是Angular的新手，我有一个像这样的错误。
ERROR TypeError: Cannot read property 'toLowerCase' of undefined
从这行代码中
function defaultErrorLogger(console, ...values) {
((/** @type {?} */ (console.error)))(...values); }
这是一个从angular自动生成的代码，我对此没有做任何事情。请帮帮忙非常感谢
浏览 0提问于2020-04-11得票数 0
我遇到此错误TypeError:无法读取未定义的属性'toLowerCase‘ styles.2f06433e92600f91a077.css - Error: styles.2f06433e92600f91a077.css from Css Minimizer
TypeError: Cannot read property 'toLowerCase' of undefined 我使用的是Angular 12版本。 ?
浏览 27提问于2021-08-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
