Angular:关闭模式时出现错误‘无法读取属性'hide’of undefined‘
Angular是一种流行的前端开发框架，用于构建单页应用程序。它采用TypeScript编写，并由Google维护和支持。Angular具有许多强大的功能和工具，可以帮助开发人员构建可扩展、高性能和可维护的Web应用程序。
针对你提到的错误信息“无法读取属性'hide' of undefined”，这通常是因为在关闭模式时，尝试访问未定义的对象或属性导致的错误。解决此问题的方法是确保在访问该属性之前，该对象已被正确地初始化或赋值。
以下是一些可能导致此错误的常见原因和解决方法：
- 检查对象是否已正确初始化：确保在访问对象的属性之前，该对象已被正确地初始化。可以通过在对象之前添加一个非空检查来避免此错误，例如：
- 检查对象是否已正确初始化：确保在访问对象的属性之前，该对象已被正确地初始化。可以通过在对象之前添加一个非空检查来避免此错误，例如：
- 检查属性是否存在：确保要访问的属性存在于对象中。可以通过使用JavaScript的
hasOwnProperty方法来检查属性是否存在，例如： - 检查属性是否存在：确保要访问的属性存在于对象中。可以通过使用JavaScript的
hasOwnProperty方法来检查属性是否存在，例如： - 检查对象是否被正确赋值：如果该对象是通过异步操作获取的，确保在访问其属性之前，该对象已被正确赋值。可以使用
*ngIf指令或async管道来处理异步数据，例如： - 检查对象是否被正确赋值：如果该对象是通过异步操作获取的，确保在访问其属性之前，该对象已被正确赋值。可以使用
*ngIf指令或async管道来处理异步数据，例如：
以上是一些常见的解决方法，但具体解决方案可能因具体情况而异。如果以上方法无法解决问题，建议进一步检查代码逻辑和调试错误信息，以确定错误的根本原因。
关于Angular的更多信息和学习资源，你可以参考腾讯云的Angular产品介绍页面：Angular - 腾讯云。
相关·内容
3回答
app.controller('testCtrl', function ($rootScope, $scope, $mdToast)
{
$scope.showHideToast = function () {
$mdToast.show({
template: '<md-toast>test</md-toast>',
hideDelay: 0,
position: 'bottom right'
浏览 2提问于2014-11-14得票数 4
我想在Angular中注销时关闭所有对话框(mat-对话框、引导模式和甜蜜警报)。这是如何在AngularJS (1.5版)中完成的：
function logout() {
//hide $mdDialog modal
angular.element('.md-dialog-container').hide();
//hide any open $mdDialog modals & backdrop
angular.element('.modal-dialog').hide();
angular.element('md-b
浏览 0提问于2018-04-06得票数 30
回答已采纳
2回答
我刚刚开始学习Angular 5，我只需要点击一下按钮就可以打开一个对话框。应用程序无法构建，我出现的错误是'error ts2339 property dialog not exist on type Dashboardcomponent‘，然后我安装了angular material和cdk。它在编译时仍然会出现同样的错误。在html页面(localhost:4200)上，我得到的错误是'Cannot read property 'open‘of undefined’。如何在angular上打开对话框并打开工作？
typscript：
import { Compon
浏览 0提问于2018-02-18得票数 3
回答已采纳
我的作用域中有一个数组，该数组由ui-select触发的服务调用填充。
<ui-select search-enabled="true" ng-model="$parent.CurrentUser.ClubOrganization" ng-change="$parent.ClubOrganization_Change()" theme="select2" append-to-body="true"></ui-select>
$scope.TeamTypes = undefined;
$s
浏览 0提问于2016-04-01得票数 0
回答已采纳
4回答
如何在角度上隐藏自举模态
、、、
我正在使用引导模式，但是当我将它隐藏在代码后面时，它会显示下面的错误。
我正在使用angular6。
码
<div #exampleModal class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
@ViewChild('exampleModal') public
浏览 0提问于2018-10-16得票数 3
1回答
捕获关闭使用的承诺
、、、、
我有一个问题，因为当ui引导模式关闭(并且已经完成动画)时，我需要执行一个方法。我不知道如何正确地写诺言。到目前为止，我(在TypeScript中)有以下内容：
public open(attrs, opts) {
var scope = this.rootScope.$new();
angular.extend(scope, attrs);
opts = angular.extend(opts || {}, {
backdrop: false,
scope: scope,
templateUrl: 'splas
浏览 3提问于2015-07-24得票数 0
回答已采纳
onInit将formGroup和formControls设置为它们的初始状态，而onInit是我进行服务调用以获取用户数据的地方，因为这是可观察的，所以在设置了另一个之前，我不能引用其中一个--它们都是在onInit中设置的--不能保证它们都会按顺序执行.
这是我所拥有的-但这是不对的，对setOptions的调用，试图设置一个尚不存在的表单。似乎我需要在onInit之后设置它--所以我尝试了ngAfterComponentInit --这也不起作用。
export class xComponent implements OnInit {
...
ngOnInit
浏览 1提问于2018-01-29得票数 0
在指令中，我无法访问位于authService中的getUser方法：
angular.module('app').directive('guard', [ function ( authService) {
return {
restrict: 'A',
link: function (scope, element, attrs) {
// element.hide();
function currentU
浏览 35提问于2018-07-16得票数 -1
我正在使用AngularAMD，并试图“加载”angular.easypichart模块。
这是我的建筑：
--js
----app.js
----main.js
--lib
----angular.easypiechart.js
----ngload.js
在我的main.js中，我得到了以下代码：
require.config({
baseUrl: "js",
paths: {
'angular': 'https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angul
浏览 18提问于2015-12-04得票数 0
回答已采纳
1回答
我现在对Angular2的了解太深了。但却停留在一个地方。下面是我的模板代码：
<div class="container" *ngFor="let group of groupList">
<div class="row">
<div class="col-xs-12">
<some-child-component [store]="group[0]"
浏览 13提问于2016-08-20得票数 0
我使用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
回答已采纳
下面是我使用的确切指令：
'use strict';
angular.module('App')
.directive('aView', function ($stateParams) {
this.link = function(scope, template, directiveAttrs){
template.addClass(scope.elem.classes);
}
return {
template: '<div ng-transclude></div
浏览 1提问于2013-09-11得票数 1
回答已采纳
我正在呼叫从我的控制器弹出的模态。它第一次工作很好，但没有第二次显示。这是节目的代码
$scope.showAdvanced = function (ev) {
var scopeVar = $scope;
console.log('$mdDialog');
console.log($mdDialog);
$mdDialog.show({
controller: DialogController,
templateUrl: 'dialog1.tmpl.html',
parent: a
浏览 3提问于2015-09-22得票数 1
回答已采纳
我已经将我的angular项目从v7更新到v8.2.14，现在当我运行ng serve时，它会在控制台中显示以下错误：
TypeError: Cannot read property 'ngInjectableDef' of undefined
at getInjectableDef (core.js:361)
at resolveNgModuleDep (core.js:30377)
at NgModuleRef_.get (core.js:31578)
at injectInjectorOnly (core.js:734)
at ɵɵinject (co
浏览 0提问于2020-01-20得票数 3
尝试在根组件中使用viewCtrl关闭modalCtrl时出现以下错误
MyApp_Host.ngfactory.js? [sm]:1 ERROR TypeError: Cannot read property 'dismiss' of undefined
/*****app.component.ts
import { Component, ViewChild } from '@angular/core';
import {ModalController, ViewController} from 'ionic-angular';
浏览 0提问于2019-12-05得票数 0
你好，我是一个wordpress主题开发人员。我创建了一个主题，它在WP_DEBUG=False中运行良好，但在设置WP_DEBUG=True时出现未定义的索引错误
我的主题有一个选项页面，每当我点击保存时，我就会得到这些错误：
Notice: Undefined index: ang_temp in C:\xampp\htdocs\wordpress\wp-content\themes\Angelia\functions.php on line 147
Notice: Undefined index: ang_breadcrumbs in C:\xampp\htdocs\wordpres
浏览 1提问于2010-07-15得票数 1
回答已采纳
在这里使用Angular 6。我有一个应用组件，其中有一个按钮。单击此按钮后，我尝试在我的模式中打开子组件，并将一些数据绑定到它。虽然除了关闭模式之外一切都正常，这会给我一个错误"TypeError: Cannot read property 'hide‘of undefined“ 我将以如下方式打开模式： this.modalRef = this.modalService.show(Child1Component,
{ initialState: { data }, ignoreBackdropClick: true, animated: true, k
浏览 20提问于2019-04-05得票数 0
回答已采纳
选择图像文件时出现此错误
import {Injectable} from '@angular/core';
@Injectable()
export class UploadPhotoService {
filesToUpload: Array<File>;
constructor() {
this.filesToUpload = [];
}
upload() {
this.makeFileRequest("rest/api/upload", [], this.filesToUp
浏览 0提问于2017-01-02得票数 0
2回答
我有辆手推车。现在我想向大家展示一辆使用折页的手推车：
$scope.cartSum = function () {
tot = parseInt($rootScope.cartTotal)+parseInt($scope.resData.restaurant_delivery_charge);
return tot.toFixed(2);
};
html：
<div style="float:right;width:20%;text-align:right">
<span class="pull-left">€ </s
浏览 3提问于2014-09-11得票数 0
回答已采纳
如何纠正在我的Angular2应用的控制台中出现的这个错误“未捕获TypeError:无法读取属性'apply‘of undefined”
浏览 0提问于2017-04-26得票数 1
我得到了一个现有的Drupal8.2.x项目和现有的单元测试。当我运行一个样本单元测试时，我得到了错误(真正的模块名被修改了)：
No schema for my_module.global
这似乎与my_module.schema.yml文件或我所知道的任何DB模式无关。向下钻研，我得到了$definition变量在\Drupal\Core\Config\TypedConfigManager.php中的输出，单元测试调用了这个输出(除其他外)：
array (
'label' => 'Undefined',
'class' =&g
浏览 0提问于2017-11-09得票数 2
回答已采纳
在浏览器上调试应用程序时，有几个小时出现了以下错误：
Uncaught :无法读取空TypeError的属性“addEventListener”
为了获得optionToggle.js代码，我在一个新的选项卡中打开了链接，wich是：
// Javascript for welcome page buttons
function showFirstTime() {
$('#firstTimeSection').toggle('slow');
$('#updatesSection').hide();
}
function s
浏览 1提问于2015-04-07得票数 2
回答已采纳
我正在尝试使用seriate从节点服务器对我的SQL数据库运行一个存储过程。然而，我得到了下面的错误，我不确定为什么。我真的很感谢你的帮助。
错误：{ RequestError: SqlContext错误。在"GetData“步骤失败，出现以下错误："Timeout:请求无法完成I 15000ms”名称：'RequestError'，消息：'SqlContext Error。在步骤"GetData“失败，出现以下错误："Timeout Request failed complete in 15000ms"'，code：&#
浏览 0提问于2016-05-04得票数 3
当我尝试使用angularstrap工具提示时，每次加载项目时都会导致这个错误：
<span data-title="{{item.id}}" bs-tooltip delay="500"> </span>
它在控制台中出现错误：
widgets.js:40761 TypeError: Cannot read property 'toLowerCase' of undefined
at TooltipFactory (http://localhost:9000/grunt-scripts/widget.js:66317:4
浏览 3提问于2016-04-28得票数 1
只是试图驯服一台新机器(W10操作系统)。
安装了Eclipse氧气(以前的机器是Neon)。
JS文件有一些奇怪的错误标记。
所有这些都说了一些有用的东西，比如“没有任何建议”。我还注意到，它们涉及稍微“复杂”的ES5/6代码。它们都不涉及任何错误。
当然，我做的第一件事就是使用Windows -> Prefs -> Javascript，看看是否可以关闭错误标记。那里没有什么东西，但我关掉了所有可以关掉的东西。
关闭Eclipse并再次打开:仍然在那里。重启:还在那里。烦恼:还在。
PS由
await thisQueue.drain() === undefined?
浏览 2提问于2017-12-23得票数 0
回答已采纳
我想检查字体和fontSize是否都是未定义的--这是从客户端side.When发送的--用户不选择字体或字体大小，而是传递未定义的值。当它们中只有一种(字体或字体大小)未定义时，这些条件才能很好地工作，但当两者都未定义时，我会收到一个错误，
TypeError: Cannot read property 'font' of undefined
at Scope.StylesCtrl.$scope.addStyles (http://0.0.0.0:8080/app/edit/styles/StylesCtrl.js:26:38)
at fn (eval at
浏览 6提问于2015-08-31得票数 0
回答已采纳
13回答
我希望只使用 many 组件执行密码和确认密码验证，如果confirm password field doesn't match和if it is empty，则在确认密码字段下面的错误消息将无法实现。
也试过了。
这是我要找的材料部件。
<mat-form-field >
<input matInput placeholder="New password" [type]="hide ? 'password'
: 'text'" [fo
浏览 23提问于2018-07-31得票数 108
回答已采纳
2回答
我正在使用angular-bootstrap modal，但我对modal backdrop有一个问题。我是angular-bootstrap的新手，我希望任何人都能帮助我。
当我点击modal backdrop时，它隐藏了modal弹出窗口，但我想保留modal backdrop直到点击cancel。
任何人都可以为此提出解决方案。
谢谢
浏览 1提问于2013-12-20得票数 11
2回答
可能重复：
我试图在我的delphi应用程序中切换两个表单，首先显示一个登录屏幕，然后显示应用程序的主表单。
我使用formx.hide和.show在表单之间切换。例如：//密码检查后格式1.隐藏；格式2.显示；
出现第二个窗体，但不能与其交互，就好像它已被禁用一样。它为什么要这么做？
浏览 3提问于2012-10-07得票数 4
我在angular上工作，但我无法为键赋值。我的模型如下
export class aa{
types: bb[];
}
export interface bb{
name: string;
age: string;
}
在我的ts文件中，我这样做了：
newType: bb;
initValues(){
this.newType.name = 'Anna'; //error at this line
}
但是我作为cannot get property of undefined收到了一个错误。
我哪里错了？如何为angula
浏览 0提问于2018-07-31得票数 0
回答已采纳
我刚刚开始与角，我试图建立一个博客与Firebase +角形。然而，我得到了一个错误，我不知道如何修复。我有一个blog.service.ts文件，在这里我要放置不同的服务。问题是在getPostById()方法中，我得到了上述错误。下面是到GitHub回购：的链接
以下是代码：
import { Injectable } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { Post } from '../models/pos
浏览 3提问于2021-07-31得票数 1
我正在将应用程序从angular.js迁移到Angular 5。应用程序正在使用引导主题，它使用bootstrap v3.3.7。我复制了每个css和script，奇怪的是popover (用户下拉列表)不再在新应用程序中工作。我正在调试它，发现问题是$('[data-toggle="popover"]').data("bs.popover")是undefined。
$(document).on("click", '[data-toggle="popover"]', function (o) {
浏览 0提问于2018-03-31得票数 0
回答已采纳
我试图在一个组件中调用另一个组件中的模态(使用Mdbootstrap创建)，但我很难在Angular中做到这一点。好的，这是模式的代码: editComponent.html：
<div mdbModal #basicModal="mdbModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myBasicModalLabel" aria-hidden="true">
<div class=&
浏览 0提问于2020-03-23得票数 0
1回答
我使用的是角( $routeProvider，而不是ui路由)，当我打开一个模式并试图更改路径时，我有一个错误。
在改变路径时，由于模式仍然是开放的，出现了两个错误：( 1)我无法滚动。2)不透明度为0.5。
似乎正在发生的是路由事件在我的jQuery.hide之前触发。
我有办法，但我觉得这条路糟透了。
模态包括两件相关的事情。
一个是静态链接。我做了这个：
// This catches the click on signup from the modal, closes the modal, then
// continues the route change.
$('#moda
浏览 3提问于2016-12-02得票数 1
1回答
我创建了一个" load“函数，它将采用JSON格式的数据，并将属性加载到类的属性中。我第一次尝试使用类型记录，并且成功地修复了大多数错误，但是有一些我无法解决。
load(id): void{
let item:object = this.items.find(item => item.id == id);
if(typeof(item) != 'undefined'){
for(let k in item){
if(item.hasOwnProperty(k)){
this[k] = item[k];
}
浏览 1提问于2020-02-11得票数 0
回答已采纳
2回答
触发转角材料吐司状态变化
、、、
我目前正在开发一个 web应用程序，它是设置和使用的。
我已经实现了特性，没有任何问题。
另外，我还使用 -1.index、2.Parent&3.child设置了几个视图(见附件)。
我可以通过Prev/Next状态查看并单击：
#/dashboard/raiding-the-rails/1
那么问题是什么呢？我希望能够触发特定的吐司消息，这取决于当前的状态ID。
例如，#/dashboard/raiding-the-rails/5将显示吐司信息5。
我试着建立了一个服务/工厂，却想不出怎么做！
我甚至订阅只是为了尝试找到一个专业的解决方案！
任何帮助和建议都会有帮助的！
谢谢！
图：
浏览 7提问于2015-11-05得票数 1
回答已采纳
如果我设置了$scope.true = false;，我将期望一个引用true的角表达式计算为false。同样，我预计$scope.false = true和$scope.undefined = true也会产生类似的结果。
撇开恶毒的命名不说，为什么这些不起作用？在角码中，它决定是否引用$scope属性？
var myApp = angular.module('myapp', []);
myApp.controller('myctrl', function($scope) {
$scope.foo = "bar";
$sc
浏览 3提问于2016-11-15得票数 0
回答已采纳
我使用的是angular 4、bootstrap 4 (beta)和ngx-bootstrap。我正在尝试创建一个模式服务，它将作为任何页面上的警告对话框。问题是我试图关闭test模式并打开alert模式，但是alertModal没有打开，我猜是因为this.bsModalRef.hide隐藏了这两个模式。
我做错了什么？
test.html
<div bsModal #newBidModal="bs-modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalL
浏览 0提问于2017-10-20得票数 3
我正在尝试创建我的第一个angular/rxjs应用程序，但我不知道为什么会出现这个错误：
TypeError: Cannot read property 'students' of undefined
我试着学习教程，但我没有逐字抄袭。我完全是个新手。
浏览 0提问于2018-07-06得票数 0
3回答
我打开一个模态，然后点击一个div内的模式，我想关闭该模式，并打开另一个。但是当我这样做的时候，它关闭了第一个模态，只显示了第二个模态的背景，而主体没有显示。
我的HTML是：
<div id="test-modal" class="modal hide fade" data-keyboard="true">
<div class="modal-body">
<div id="option"><p>Click here to show the n
浏览 3提问于2016-05-18得票数 2
回答已采纳
2回答
错误
node_modules/angular-datatables/src/angular-datatables.module.d.ts(8,22)：错误TS-996002中的错误:出现在NgModule.imports of AppModule中，但无法解析为NgModule类node_modules/ng2-select2/ng2-select2.d.ts(3,22)：错误TS-996002:出现在AppModule的NgModule.imports中，但无法解析为NgModule类。
吴版
Angular CLI: 8.0.3
N
浏览 2提问于2019-06-24得票数 4
我正在尝试让清除日期按钮出现在SingleDatePicker上。查看文档，我所要做的就是将showClearDate属性添加到SingleDatePicker。这是我实现它的方式：
<SingleDatePicker
date={null}
isOutsideRange={ (date) => {return false} }
id={detail.name}
showClearDate={true}
focused={focused}
numberOfMonths={ 1 }
onDateChange={ (date)
浏览 0提问于2018-11-13得票数 2
我用的是角1.3.15，也试过1.2.28，还有角引导。昨晚，在将Chrome升级到v42.0.2311.90之后，我突然发现了大量的角度错误：
Error: [$injector:itkn] Incorrect injection token! Expected service name as string, got function ()
http://errors.angularjs.org/1.3.15/$injector/itkn?p0=function%20()
at REGEX_STRING_REGEXP (angular.min.js?bust=undefined:63
浏览 7提问于2015-04-15得票数 7
回答已采纳
2回答
我试图在框悬停时将::before ::after css选择器定位为弹出模式，但当我单击框并打开模式时，箭头类被附加。 我试着移除这个类 elRef.nativeElement.queryselector(".arrow").remove() 还添加了display none类 elRef.nativeElement.queryselector(".arrow").classList.add("hide")
.hide{
display: none
} 我希望将箭头附加到框中并打开弹出窗口，而不是单击框并打开弹出窗口 可重
浏览 19提问于2019-10-04得票数 0
回答已采纳
1回答
如何通过角度服务显示引导模态
、、、、
我有一个全局错误处理程序，在其中处理客户端和服务器错误。
为了向用户提供反馈，我想打开一个模型，它返回错误消息。
因此，我实现了一个模式：
import {Component} from '@angular/core';
import {BsModalRef, BsModalService} from 'ngx-bootstrap';
import {Button} from '../../layout-models/button.model';
@Component({
selector: 'error-modal',
浏览 1提问于2019-10-30得票数 0
回答已采纳
本段摘自“”一书，第58页：
当任何标识符单独出现在程序中时，JavaScript假设它是一个变量并查找它的值。如果不存在该名称的变量，则表达式的计算结果为undefined值。然而，在ECMAScript 5的严格模式下，试图计算一个不存在的变量会抛出一个ReferenceError。
首先，让我解释一下我是如何解释段落中使用的一些短语的。
"...标识符本身出现在程序...":中。
我假设作者是指将标识符解析为表达式的情况(在这种情况下，执行标识符解析)。例如：
function func ( arg ) {
var local = helper( arg
浏览 1提问于2012-03-17得票数 3
我有以下代码(感谢马里奥的帮助)
function toggle() {
var noticeToggleElement = $(this);
var newStatus = noticeToggleElement.val() === "Hide" ? "Show" : "Hide";
noticeToggleElement.val(newStatus);
if (newStatus == "Show") {
noticeToggleElement.css('overflow
浏览 6提问于2016-07-13得票数 0
1回答
我正在使用twitter引导模式窗口。我使用jquery验证name字段。当name字段为空时，我将在我的模式中显示错误。如果name字段为空，我希望显示错误和模式窗口不应该关闭。
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary action_compute" data-di
浏览 3提问于2013-07-24得票数 2
回答已采纳
1回答
我有一个C++程序，它从套接字中读取数据并将其加载到xml文件中。我在同一个程序中有另一个函数，该函数是在加载数据后调用的，该函数解析xml文件。这里的问题是，只有在程序关闭后，数据才会实际出现在文件中。因此，xml解析器无法读取数据。是否有一种方法可以在读取数据后立即加载文件？
浏览 3提问于2013-08-19得票数 0
回答已采纳
2回答
我试图用单元测试来测试我的表单字段，但是业力说我的属性是undefined。我在formGroup上做了一个控制台日志，它是undefined。但是当我控制台记录我的组件时，我会得到所有的参数。
这是我的组件：
constructor(
private _fb: FormBuilder,
private donationService: DonationService,
private formValidationMessages: ValidationserviceService,
private ziptoLocationService: ZiptolocationServ
浏览 0提问于2018-01-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
