Angular - multiselect-dropdown - TypeError:无法读取未定义的属性'length‘
Angular是一种流行的前端开发框架，它提供了丰富的工具和功能来构建现代化的Web应用程序。Angular中的multiselect-dropdown是一个常用的下拉多选组件，它允许用户从一个选项列表中选择多个选项。
根据提供的错误信息"TypeError:无法读取未定义的属性'length'"，这个错误通常表示在尝试读取一个未定义的属性'length'时发生了问题。这可能是由于以下几个原因导致的：
- 数据源未定义：请确保你在使用multiselect-dropdown组件时提供了正确的数据源。数据源应该是一个数组，并且包含了选项列表。
- 数据源为空：如果数据源是一个空数组或未定义的数组，那么在尝试读取其长度时会出现该错误。请确保数据源中至少有一个选项。
- 组件未正确初始化：在使用multiselect-dropdown组件之前，确保已经正确初始化了该组件。你可以在组件的生命周期钩子函数中进行初始化操作，例如ngOnInit()。
解决这个错误的方法包括：
- 检查数据源：确保你提供了正确的数据源，并且数据源中包含了至少一个选项。
- 检查组件初始化：确保在使用multiselect-dropdown组件之前正确初始化了该组件。
如果你正在使用腾讯云的相关产品，可以考虑使用腾讯云提供的前端开发工具和服务来构建Angular应用程序。腾讯云提供了丰富的云计算产品和服务，包括云服务器、云数据库、云存储等，可以满足各种应用场景的需求。
以下是一些腾讯云相关产品和产品介绍链接地址，可以帮助你更好地了解和使用腾讯云的云计算服务：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种计算需求。详情请参考：腾讯云服务器
- 腾讯云数据库（TencentDB）：提供高性能、可扩展的云数据库服务，包括关系型数据库和NoSQL数据库。详情请参考：腾讯云数据库
- 腾讯云对象存储（COS）：提供安全可靠的云存储服务，适用于存储和管理各种类型的数据。详情请参考：腾讯云对象存储
请注意，以上链接仅供参考，具体的产品选择应根据实际需求进行评估和决策。
相关·内容
请帮帮我！在尝试运行浅层集成测试时，我得到了上面的类型错误。 我已经分别检查了我的代码，以检查是否有错误，但一切似乎都在适当的地方。 我在试着让这个测试通过。 expect(fixture.componentInstance.heroes.length).toBe(3) 它总是失败，在Karma中出现这个错误。 TypeError:无法读取未定义的属性(读取“”和“”) import { ComponentFixture, TestBed } from "@angular/core/testing"
import { of } from "rxjs";
imp
浏览 77提问于2021-11-06得票数 1
回答已采纳
我试图在Angular6服务中初始化几个对象，但是我得到了一个错误，解释了我的一个私有属性是未定义的。
一开始我试过：
private mockIncident: Incident[];
constructor() {
this.mockIncidentRaw.forEach(incident => {
this.mockIncident.push(new Incident().deserialize(incident))
});
}
但我得到的错误告诉我们，mockIncident是没有定义的。
错误:未知(承诺)：TypeError:无法读取
浏览 0提问于2020-02-28得票数 1
回答已采纳
我正在开发一个单页面的angularjs app和im，分别使用grunt和bower作为开发服务器和依赖注入。我的应用程序在第一次从"grunt serve“命令加载时运行良好，但是当我刷新页面时，我得到一个未捕获类型和引用错误的字符串，并且应用程序无法加载：
未捕获的RangeError:最大调用堆栈大小已超过jquery-ui.js:14未捕获的ReferenceError: jQuery不是defined$.ui @jQuery-ui.js:14(匿名函数)@ jquery-ui.js:16 (索引)：1未捕获的RangeError:最大调用堆栈大小已超过bootstrap.j
浏览 0提问于2015-08-21得票数 0
这里我的代码隐藏了一列在剑道网格。
var grid = angular.element("#priceCardGrid").data("kendoGrid");
for (var i = 0; i < priceCardModalScope.priceCard.length; i++) {
if (priceCardModalScope.priceCard[i].shouldAcceptQty == true) {
grid.hideColumn(1);
}
}
但它显示了错误
未定义的TypeError:无法读取未定义
浏览 4提问于2016-09-20得票数 1
我对使用卡玛-茉莉花测试来运行测试还是很陌生的，但是我发现了错误。
我的karma.conf.js
files: [
'test/*Spec.js',
'app/js/*.js'
],
此错误显示在命令行中。
Chrome39.0.2171(Windows7)错误未定义的D:/Test_Samples/WebContent/MyTest/app/js/angular-route.js:24 TypeError:无法读取未定义的属性‘模块’在D:/Test_Samples/WebContent/MyTest/app/js/angular-route.js
浏览 5提问于2014-12-10得票数 3
回答已采纳
我在一个表单中有两个字段的问题。它们在页面加载时都以未定义的形式返回，并出现以下错误。(请注意，我删除了url和唯一路径名，但保留了核心错误段。)
TypeError:无法读取未定义的属性“”card_number“”
TypeError:无法读取未定义的属性“”ssn“”
at r.$scope.isSsnRequired (/js/ng-app/components/controller.js:67:23)
at Object.fn [as get] (eval at <anonymous> (/js/angular.min.js:216:110), <a
浏览 1提问于2017-02-01得票数 4
回答已采纳
在设置了这样的TypeError提供程序之后，我得到了“MdPaginatorIntl :无法读取未定义的属性‘订阅’”：
app.module.ts
import { MaterialModule, MdPaginatorIntl } from '@angular/material';
import { mdPaginatorIntlRo } from './i18l/mdPaginatorIntl';
...
@NgModule({
...
providers: [
{ provide: MdPaginatorIntl, useClass:
浏览 1提问于2017-09-13得票数 2
回答已采纳
1回答
我有一个页面应用程序的角js，猫鼬，快递等。尝试使用角度ui网格并有一个错误：
"TypeError:无法在$get.w.instance (angular.js:8493)、angular.js:7739 (angular.js:331)、B (angular.js:7738)、$get.c (angular.js:8016)、g (angular.js:7117)、B (angular.js )处读取未定义的属性数据(ui-grid.js:2967)。:7763) at g (angular.js:7117)“
这是我的控制器的一部分：
angular.module(
浏览 2提问于2015-07-18得票数 3
回答已采纳
错误错误:未捕获(在promise中)：TypeError:无法读取未定义TypeError的属性'Autocomplete‘：无法读取未定义的属性'Autocomplete’ 当我运行我的Angular应用程序时，这个错误一直出现。它在第25行显示我的search.component.ts文件有问题。这是我的搜索组件 /// <reference types="@types/googlemaps" />
import { Component, OnInit, ViewChild, ElementRef, NgZone } from
浏览 16提问于2020-06-15得票数 0
我是angular的新手，所以我有这个问题。 {{student.name}} 我得到了这个错误 无法在PaginatePipe.push../node读取未定义的属性“”totalItems“”_modules/ngx-pagination/dist/ngx-pagination.js.PaginatePipe.transform 组件代码： public students= [];
public len;
ngOnInit() {
this.serverService.getStudents().subscribe(
data => {
this
浏览 59提问于2018-10-11得票数 0
2回答
我正在尝试访问TS文件中表单中的数据。我收到错误: RROR名称:无法读取未定义的属性‘TypeError’
我的代码是这样的：
import { Component, OnInit } from '@angular/core';
import { employee } from '../models/Employee';
import { NgForm } from '@angular/forms';
import { FormsModule, ReactiveFormsModule } from '@angular/forms&
浏览 3提问于2018-12-14得票数 0
我对棱角和类型记录很陌生，无法找到这个控制台错误的底部："ERROR TypeError:无法读取未定义的属性值“
我说的是一个愚蠢的服务回报了查克·诺里斯的笑话。这实际上还行。然而，我得到的是类型记录控制台错误。
我在这里复制了：
非常感谢你的寻找。
data.service.ts
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { DataModel } from './data.mod
浏览 1提问于2018-08-01得票数 8
回答已采纳
1回答
我有这个：
<form (ngSubmit)="Signup()" name="signup">
<input type="text" autocomplete="off" placeholder="Username" required [(ngModel)]="name" name="name">
<label>
@{{ name.valid }}
</label>
<br>
浏览 2提问于2016-08-06得票数 0
无法读取未定义对象的属性“”length“”：无法在对象的本机(F:\Learnings\AngularHandsOn\Angular6\angular6Handson\node_modules\@angular\cli\models\command-runner.js:69:43)处的listAllCommandNames.sort TypeError读取未定义的listAllCommandNames.sort的属性“”length“”。“”(F:\Learnings\AngularHandsOn\Angular6\angular6Handson\node_modules\@angular\
浏览 0提问于2018-05-12得票数 3
在角应用程序中，我无法从我使用dataSource创建的服务中读取。
ERROR TypeError:无法将未定义或null转换为对象错误TypeError:无法读取未定义的属性“getService”
component.ts
import { Component, OnInit } from '@angular/core';
import { RailroadAgreementService } from '../../services/railroad-agreement.service';
import { RRA_ID } from '../.
浏览 1提问于2019-12-03得票数 1
1回答
我正在试验Angular 2 rc1，并且有一个非常简单的组件。正如显示的那样，它失败了：
import { Component, OnInit } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Movie } from "./movie";
import { M
浏览 1提问于2016-06-12得票数 0
回答已采纳
此代码：
$.each(variant['photos'], function( index, object ) {
object['idx'] = index;
if(index == 0) object['active'] = true;
});
产生以下错误：
错误未定义TypeError:无法读取未定义的属性“照片”
浏览 0提问于2018-03-10得票数 0
我试图使用自定义脚本来计算数据数组中连续负值的数量。
我在第6行得到以下错误。如何循环一列数据？
"TypeError:无法从未定义的属性中读取属性“"0”。
function MaxNegSequence(data) {
var lCounter = 0;
var lMaxCount = 0;
for (var i = 0; i < data[i][0].length; i++) {
if (data[i][0] < 0) {
lCounter++;
if (lCounter > lMaxCount) {
浏览 5提问于2016-06-13得票数 0
回答已采纳
我有一节抽象的课：
import { Inject } from '@angular/core';
import { TestService } from '../test-service';
export abstract class DummyAbstract {
constructor (
private testService: TestService
) {
}
abstract thisisimp();
}
我有一个孩子，如下所示：
import { Injectable } from '
浏览 0提问于2018-11-07得票数 9
回答已采纳
我在我的项目中使用angular2，我尝试动态地添加文本字段，但是它给了我一个错误：
TS：
ngOnInit() {
this.myForm = this._fb.group({
myArray: this._fb.array([
this._fb.group({
this.initArray(),
}),
])
});
}
initArray() {
return this._fb.group({
浏览 4提问于2017-08-25得票数 0
我在Angular2应用程序中使用multiselect-dropdown并导入包，如下所示：
import {MultiselectDropdown, IMultiSelectOption} from './multiselect-dropdown';
@Component({
directives: [MultiselectDropdown]
});
但在运行这个应用程序时，我得到了错误：
SyntaxError:意外的标记: at ZoneDelegate.invoke () at Zone.run () at 评估从SyntaxError@angular2-polyfi
浏览 11提问于2016-08-30得票数 1
我正试图从okta那里获取细节，并将它们存储在一家商店。我有一个@effect，它将调用服务文件a-service.ts。
我在服务构造函数中调用okta库，如下所示
@Injectable()
export class test{
constructor (public a : oktaAuthService){
}
public getDetails(){console.log("metohod loading")}
}
}
获取错误异常：
未处理的承诺拒绝:不能读取未定义的属性(读取：'redirectUri')；区域：；任务；Promi
浏览 1提问于2021-10-22得票数 0
如何检查popover在Angular 2中是否打开？
HTML：
<template #jobParametersPopover>
<div style="width: 100%;">
Popover content
</div>
</template>
浏览 2提问于2017-03-21得票数 0
我有一个名为xs的对象数组，它存储名称
xs = [
{name: "Peter"},
{name: "Doe"},
{name: "Parker"},
{name: "John"}
];
我有一个函数setEmptyStr，如果变量未定义，它返回空字符串。
function setEmptyStr(v) {
if(typeof v !== 'undefined'){
return v;
} else {
return '';
}
}
我试
浏览 4提问于2017-06-09得票数 0
回答已采纳
我的angularJS中有一个错误，我不知道为什么。我正在尝试使用这里描述的$inject属性注释方法：
我得到以下错误未定义的TypeError:无法读取第44行中未定义的属性'$scope‘，即
CarouselController.$inject['$scope'];
我的App.JS看起来像：
var bloxApp = angular.module('bloxApp', ['bloxApp.form', 'bloxApp.carousel']);
bloxApp.config(['$logProvider
浏览 1提问于2015-05-23得票数 0
回答已采纳
2回答
我有一个公共的“子弹”阵列，我把一个私人的子弹物体推到里面。它有x和y属性，我想改变它的y属性，这样每当我按空格键时，它就会创建一个子对象，将它推入子数组，然后调用一个函数，遍历数组并更新每个符号的y属性。
但是，每次按空格键时，都会得到一个错误：
未定义的TypeError:无法读取未定义的属性'y‘
这一点超出了我的理解，我不知道如何编写它，这样子弹数组中的子对象就不会“未定义”。
如果有人有任何建议，我将非常感谢您的帮助。
//called every frame
function playGame()
{
movePlayer();
浏览 6提问于2015-07-31得票数 1
回答已采纳
1回答
我的Vue组件中有以下数据对象：
data() {
return {
items: {}
}
},
我检查它是否为空，并显示一条消息：
<tr v-if="items.data.length === 0"><p>There are currently no items.</p></tr>
但是，这段代码可以在控制台中获得以下错误消息：
呈现错误："TypeError:无法读取未定义属性的‘长度’“
TypeError:无法读取未定义属性的“长度”
浏览 3提问于2019-08-16得票数 0
回答已采纳
2回答
我需要帮助"TypeError:无法读取属性‘缓存’的未定义“。 let members = guild.members.cache
.filter(function (member) {
return member.user.bot === false && member.user.id != member.guild.ownerID;
})
.map(function (member) {
浏览 26提问于2021-02-06得票数 0
回答已采纳
在提交表单后，我在一个有角度的应用程序中得到了这条消息：
TypeError:无法读取未定义的属性'nodeName‘(chrome控制台告诉我错误在"elem.parent().nodeName“(第2行)中)。
while (!angular.equals(elem.parent(), $document) && !angular.equals(elem[0], $document[0].documentElement)) {
if (['form', 'ngForm','userForm'].
浏览 2提问于2016-12-05得票数 0
回答已采纳
我有一些jquery的问题，你能帮我解决这个问题吗?我有一个缩小位置的问题。当我检查元素和视图控制台时，我得到了下面的错误。
未捕获的TypeError:无法读取未定义色板的属性'length‘-and-Phoos.js?ver=1.4.5:475 2014-08-22 14:54:48.858
我使用的是woothumbs、色板和照片，当我安装这些色板和照片时，它会在网站上显示错误。
它声明它是完全兼容的。有什么想法或方向需要我去解决吗？
浏览 1提问于2014-08-23得票数 0
1回答
我已经编写了一些代码--可以用原生javascript获取blogspot json数据，但是我想添加一个post滑块，但是当我调用post类的变量点时，它会返回
未定义的TypeError:无法读取未定义的属性“包含”--滑块代码
var item = document.querySelectorAll(".featured .item"),
slideLeft = document.getElementById("slideLeft"),
slideRight = document.getElementById("slideRig
浏览 1提问于2018-08-05得票数 0
回答已采纳
由于某些原因，我无法获得数组的长度(如果数组未填充，则它是未定义的，对吧？)
define(function() {
'use strict';
var self = {},
events = {};
self.publish = function publish(eventName, data) {
var subscribers, x, length;
if (events[eventName]) {
return false;
}
subscribers = events[eventName];
浏览 3提问于2016-09-15得票数 0
我试图删除由用户在循环中选择的值。
for (var i = 0; i < myArray.length; i++) {
MyService.myMapService.delete({id: myArray[i].myId }, myArray[i], function (response) {
if (response.isSuccessful) {
MyService.removeMyValue(myArray[i].myId);
浏览 6提问于2016-11-04得票数 1
回答已采纳
1回答
我正在通过跟踪来学习流星。
这是我的git
我得到了一个错误：
未定义TypeError:无法读取未定义的属性“通道”
Uncaught : Function.prototype.apply:参数列表类型错误
Meteor.startup(function(){
Session.set('channel',this.params.channel);
});
请帮助我理解这个错误。
谢谢
浏览 2提问于2015-10-03得票数 0
1回答
这是我Drupal网站上的json：
[
{
title: "I believe every human has a finite number of heartbeats. I don't intend to waste any of mine.",
uid: "gestor"
},
{
title: "Man must explore, and this is exploration at its greatest",
uid: "
浏览 0提问于2018-07-29得票数 2
回答已采纳
我想将strcharacterIndex的str的值改为，但是它给了我这个错误
未定义TypeError:无法读取未定义的属性'8‘。
当我从论点中删除一个字母时，数字8改变了，如果删除除字母之外的所有字母，它就会起作用。
function FirstReverse(str) {
let characterIndex;
for (characterIndex = str.indexOf(str[str.length - 1]); characterIndex >= 0; --characterIndex) {
str = str[characterIndex
浏览 1提问于2020-01-02得票数 0
回答已采纳
我正在开发一个Angular2应用程序，我希望在运行它时使用window.screen.height检测屏幕高度--我收到以下错误：
例外: TypeError:无法读取未定义的属性“屏幕”
它来自以下代码：
<body [ngClass]="{'has-translucent-status-bar': window.screen.height === window.innerHeight}">
浏览 4提问于2016-09-13得票数 0
回答已采纳
2回答
我正在工作的一个项目，我们正在建设一个网站使用平均堆栈。我目前正在前端工作，并试图从API中读取数据，并将数据存储在一个数组中，然后可以访问和使用该数组。我遇到了一个很奇怪的问题。
我的目标是加载一个包含世界上所有国家的纬度和经度坐标的数据阵列。
我有这样的服务：
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { Coun
浏览 10提问于2021-05-06得票数 0
回答已采纳
首先，我对打字和棱角2很陌生，这似乎是一个显而易见的答案，但我似乎无法让它起作用。我有下面的模型
export interface IBrand {
brandID: number;
name: string;
image: string;
}
然后我就有了组件类
import { Component, OnInit } from '@angular/core';
import { Router, RouteParams } from '@angular/router-deprecated'
import { bootstrap } f
浏览 1提问于2016-06-11得票数 5
回答已采纳
2回答
每当我试图启动我的项目时，我都会发现以下错误：
$ ng serve
您的全局角CLI版本(1.7.3)大于本地版本(1.6.8)。使用本地角度CLI版本。
若要禁用此警告，请使用"ng set --全局warnings.versionMismatch=false“。
无法读取null的属性“config”
(D:\Projekte\Advanced-ban\webinterface\node_modules\@angular\cli\tasks\serve.js:51:63) at (D:\Projekte\Advanced-an\webinterface\node_modules
浏览 1提问于2018-03-18得票数 0
我的javascript代码出错了。在我的网页上打开汉堡菜单。ErrorMessage:未定义的TypeError:无法读取未定义的script.js:4的属性“addEventListener”
const toggleButton = document.getElementsByClassName("toggle-button")[0]
const navbarLinks = document.getElementsByClassName("navbar-links")[0]
toggleButton.addEventListener("click
浏览 0提问于2019-12-13得票数 0
1回答
ERROR TypeError:无法读取未定义的属性“map”
如何绑定动态数据。我正在使用angular-tree-grid，但无法绑定动态数据。
<html>
<db-angular-tree-grid
(expand)="onExpand($event)"
[data]="data"
[configs]="configs">
</db-angular-tree-grid>
</html>
浏览 1提问于2020-01-16得票数 0
回答已采纳
1回答
我正在使用typescript在Angular2中编码。我有一个目标：
export class Car{
name: String;
door: {
position: String;
id: Number;
};
}
我按照以下步骤初始化了该对象：
constructor() {
this.door= new Door();
}
export class Door{
position: String;
ID: Number
}
而且效果很好。当我试图初始化一个对象数组时，问题就开始了。
export class
浏览 2提问于2018-01-17得票数 2
回答已采纳
1回答
这次脊背怎么了？
、、
未定义的TypeError:无法读取未定义的属性“PlayersRouter”
我做的一切都一样，但现在发生了什么？这是我的道路：
$rails新无穷大
$cd无穷大
gem“rails-主干”
$bundle安装
rails g主干:安装
rails g脚手架播放器stat:整数健康:整数强度:整数
rake db:迁移
rails g骨干:脚手架播放器stat:整数健康:整数强度:整数
视图/播放机/index.html.erb
<div id="players"></div>
<script type="text/javascript
浏览 2提问于2014-07-08得票数 0
回答已采纳
我试图访问类型(下方格标记)，但没有成功。
我的代码在开头(当我检查长度时)：
Object.data.ServiceData.modelObjects.length;
(例如，我想获得modelObjects对象的长度)
我做了按摩：
错误: angular.js:13920 TypeError:无法读取未定义的属性“modelObjects”
我就是这样用它的：
function _getIds() {
var path = vm.package.path;
var SERVER_PATH = Config.SERVER_PATH;
return $q(f
浏览 4提问于2017-03-07得票数 0
3回答
我不知道为什么在访问嵌套对象时会收到Vue警告。
{{ user.area.name }}
Vue警告:呈现错误："TypeError:无法读取未定义的属性‘名称’“
TypeError:无法读取未定义属性的“名称”
仅仅访问对象就没有任何警告。
{{ user.name }}
有什么建议吗？
浏览 1提问于2018-10-11得票数 0
回答已采纳
var text = '{ "nusers" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"sadsf" , "lastName":"sdasda
浏览 0提问于2019-01-26得票数 1
回答已采纳
我在我的项目中使用了dataTable.min.js javascript文件。我将表的数据填充为dynamic。但我犯了个错误。你能帮帮我吗。
错误详细信息: jquery.dataTables.min.js:65未定义的TypeError:无法读取未定义的属性“aDataSort”
浏览 2提问于2019-02-05得票数 0
回答已采纳
7回答
我是新的Javascript，我正在建立我的第一个简单的游戏“战斗船”。现在我遇到了一个非常令人沮丧的问题。
我在全局范围内声明了一个变量，但我似乎不能在我的程序中使用它。如果我做了console.log(X)，它说变量是未定义的。
当用户单击一个名为"Play“的按钮时，我希望所有单元格的背景色再次回到lightblue；
function playGame() {
x.style.backgroundColor = 'lightblue';
}
这是错误消息：
未定义的TypeError:无法设置未定义的属性“backgroundColor”
即使我用docum
浏览 10提问于2015-11-06得票数 1
回答已采纳
1回答
我对这段代码有意见。它给出了以下错误：
TypeError:无法读取未定义的属性“NaN”
dotenv.config();
client.on("ready", () => {
console.log(`Logged in as ${client.user.tag}!`);
});
client.on("message", async (msg) => {
const tokens = msg.content.split(" ");
if (tokens[0] === "!gif"
浏览 1提问于2021-03-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
