如何修复Angular中不存在的属性
在Angular中修复不存在的属性可以通过以下步骤进行：
- 确定问题：首先，需要确定哪个组件或模板中存在不存在的属性。通常，Angular会在控制台输出错误消息，指示具体的组件和属性。
- 检查模板：检查相关的模板文件，查找使用了不存在属性的地方。确保属性名的拼写正确，并且与组件中定义的属性名一致。
- 检查组件：检查相关的组件文件，确保在组件类中定义了相应的属性。如果属性确实不存在，可以通过在组件类中添加属性来修复问题。
- 使用ngIf指令：如果属性是在模板中使用的条件属性，可以使用ngIf指令来检查属性是否存在。例如，可以使用*ngIf="myProperty"来确保只有当myProperty存在时才渲染相关的元素。
- 使用安全导航操作符：如果属性是在模板中使用的可选属性，可以使用安全导航操作符（?）来避免属性不存在时引发错误。例如，可以使用{{myObject?.myProperty}}来确保只有当myObject存在且myProperty存在时才显示属性的值。
- 更新版本：如果以上步骤都没有解决问题，可以尝试更新Angular版本。有时，某些版本可能存在属性识别或编译问题，更新到最新版本可能会修复这些问题。
总结起来，修复Angular中不存在的属性需要检查模板和组件，确保属性名正确，并在需要时使用*ngIf指令或安全导航操作符。如果问题仍然存在，可以考虑更新Angular版本。
相关·内容
使用@type/jQuery2.0.47已经有一段时间了。我试图升级到3.2.11，现在在构建我的visual studio解决方案时，什么都不编译。我得到了很多错误，不完全一样，但肯定是相关的。我正在使用打字本2.4。例如：
Build:属性'length‘不存在于'string number not string[]’类型上。
if ($("#txtSelPrj") && $("#txtSelPrj").val().length > 0) ...
Build:属性'startsWith‘不存在于'stri
浏览 2提问于2017-08-13得票数 0
回答已采纳
2回答
我试图打印一个网格，但是setDomLayout()方法不被识别。这是我的html：
<div class="ui-g-12 ui-g-nopad print" [ngStyle]="style">
ag-grid-angular #grid id="grid-printable"
style="width: 100%; height: 100%;"
class="ag-theme-blue grid-printable"
(gridReady)
浏览 1提问于2018-09-18得票数 0
1回答
角/流星路由问题
、、、、
我正在尝试角流星whatsapp教程，我想我有一个路由问题。
这很奇怪，因为我已经完成了每一步。
错误如下:浏览器中没有显示任何内容。打开控制台时，没有错误。这个应用程序没有崩溃，否则我会在浏览器中看到一条崩溃消息。浏览器中的路径显示来自this.$urlRouterProvider.otherwise('tab/chats');的路径。在浏览器中，它看起来如下：http://localhost:3000/#/tab/chats。
Routes.js
import { Config } from 'angular-ecmascript/module-helpers
浏览 6提问于2016-11-22得票数 0
回答已采纳
我正在尝试在我的angular自定义元素中使用mat-dialog。我在angular应用程序中工作得很好，但在构建自定义元素时似乎无法捆绑材质主题。 当我在angular应用程序外部检查代码时，没有任何样式附加到任何cdk类。在angular服务器中运行时，一切似乎都运行得很好。如何在自定义元素中包含所需的css？ 我的app.module文件 @NgModule({
[ ...
MatFormFieldModule,
MatIconModule,
MatSelectModule,
MatInputModule,
MatDialogModule,
..
浏览 4提问于2018-12-28得票数 1
我已经能够将D3@3.5.15与Angular@2.0.0-rc5和angular-cli@latest (在webpack之前的最后一个版本)集成在一起。
在Angular@2.0.0-rc5发布后不久，angular-cli团队就发布了一个以WEBPACK为中心的版本。我花了相当多的时间尝试让D3@4.2.2在这个环境中工作，并取得了任何成功。基本上，我还没有弄清楚如何在这个环境中公开D3模块和函数。
任何帮助都将不胜感激。
向罗德里戈致敬
浏览 0提问于2016-08-29得票数 2
我在我的应用程序中有一个全功能的ag-grid-angular，但是当我添加popupParent的时候，它就说它不能被绑定，因为它没有已知的ag-grid-angular属性。
这是可行的：
<ag-grid-angular [id]="name" #grid style="width: 100%;" [gridOptions]="gridOptions" (gridReady)="setDatasource()"(cellContextMenu)="onRightClick()" >
这不是：
&l
浏览 0提问于2019-03-29得票数 1
2回答
我得到了以下错误，在一个启动项目与angular2，角-cli@webpack和primeng。PrimeNG中唯一的ui组件是一个下拉列表，它有自己的值，但从未应用过css主题(请参阅下面有关CSS的错误)。我不知道为什么我会犯这个错误，而且花了无数个小时却没有结果，所以我在这一点上不知所措。组件由ng命令生成，ng服务运行web服务器。有人知道吗？我还尝试过node.js 6.5.0和4.5.0 (用nvm切换和管理它们)。
任何帮助都是非常感谢的。
加载资源失败:服务器响应状态为404 (未找到) 未能加载资源:服务器响应状态为404 (未找到) 未能加载资源:服务器响应状态为404
浏览 5提问于2016-09-13得票数 4
回答已采纳
我们如何使用kendo-angular在网格上实现类似excel的过滤。我在文档中找不到解决方案。
这是JQuery版本：中的功能
编辑1:与此类似的过滤器
浏览 0提问于2017-08-31得票数 2
我正在尝试使用Angular 11使用Django REST分页对象。我不是一个完全的编码新手，但我对Angular非常陌生。 目前我的Django REST api被配置为每6个项目分页，对象中的总项目是10个。然后Django输出一个"next“URL，它可以很好地使用Django的字符串插值功能，但使用Angular就不那么容易了。 我密切关注了这篇教程，不仅因为它有几乎完整的代码块，还因为它是我能在谷歌上找到的处理Django REST API和Angular分页的唯一完整的代码示例：Link to other stackoverflow question dealing w
浏览 11提问于2021-04-18得票数 0
回答已采纳
我正在将我的应用程序升级到RC5，并遇到了一些困难。
在我的app.routing.ts中，我有：
import { Routes, RouterModule } from '@angular/router';
export const appRoutes: Routes = [
{ path: '', redirectTo: '/home', pathMatch: 'full' },
{ path: 'home', loadChildren: './app/home/home.module#Home
浏览 1提问于2016-08-15得票数 0
回答已采纳
因此，我知道在角2中，我们可以简单地用ng-href代替href，以便使模板化的urls工作，但是在第4角中，它不适用于我。我在angular.io上也找不到它的任何文档，那么它是如何工作的呢？
编辑:也许我把#s版本搞糊涂了。我关注最新的角度(angular.io)
我想链接到外部样式表，比如link rel="stylesheet" href="...">
在哪里..。是{{ link }，link=
浏览 8提问于2017-08-04得票数 36
回答已采纳
我正在学习Angular 2，目前被以下错误阻止。变量posts是在post.component.ts中声明的。 Error: src/app/book.component.html:231:33 - error TS2339: Property 'posts' does not exist on type 'BookComponent'.
231 <li *ngFor="let post of posts">
~~~~~
src/app
浏览 30提问于2021-10-13得票数 0
回答已采纳
我尝试在Angular JS中编写“入门”教程，但在设置链接的路由时遇到了一个问题:当用户单击该链接时，该路由的控制器不会被调用。
下面是我的代码：
angular.module('phonecat', []).
config(['$routeProvider',
function ($routeProvider) {
$routeProvider.
when('/phones', {
templateUrl: 'partials/phone-list.html',
浏览 0提问于2012-10-25得票数 3
我只是想举个例子
angular.module('selectize', []).value('selectizeConfig', {}).directive("selectize", ['selectizeConfig', function(selectizeConfig) {
return {
restrict: 'EA',
require: '^ngModel',
scope: {
ngModel: &#
浏览 5提问于2016-06-10得票数 1
回答已采纳
1回答
新的TypeScript，并试图从js转换为ts (使用角1.x)。这是一个控制器。转换成ts有问题。“模块”是ui路由器状态提供程序上的自定义数据元素。
(function(module) {
"use strict";
module.controller("aboutController", [
"$state",
function($state) {
var vm = this;
// pass the module to the service
浏览 1提问于2015-10-13得票数 0
1回答
我正在开发一个基于angularJS的工具来构建图表，我想要创建一个用户覆盖的配置系统，也就是说，默认值是从一个配置文件中加载的，如果另一个配置文件存在，则会覆盖该配置文件。
到目前为止，我的情况如下：
angular.module('axisJSApp')
.provider('configProvider', function () {
this.$get = function axisJSConfig($http, $q) {
var defaultConfig = $http.get('default.config.yam
浏览 3提问于2014-10-22得票数 0
回答已采纳
1回答
我有个“初学者”问题。为什么这个错误会消失？我在代码中调用函数，但函数定义得更低。
AngularJS版本：
var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
$scope.name = 'Someone';
$scope.doStuff(); // run the defined function, but errors out
$scope.doStuff= function(){ // function definition
co
浏览 1提问于2014-01-15得票数 2
回答已采纳
我面临一些问题，试图在浏览器中呈现我的新组件。我使用角CLI创建了一个新项目。此外，我还创建了一个名为list-employees的组件。
当我执行ng serve -o时，该项目是成功编译的，但浏览器没有显示任何内容( IE和Google都是空白页)。甚至Chrome中的web控制台也不显示任何错误信息，而是在开发模式下打印角运行。调用enableProdMode()来启用生产模式。
如果我更改app.component.html：中的内容
<app-list-employees></app-list-employees>
我把静态HTML改为：
<p>
浏览 4提问于2019-10-29得票数 2
回答已采纳
以下代码在控制台中的输出：
console.log(userValues);
是：
但是，当我从代码中调用它时(在ngOnInit()中，我使用的是Angular 6)：
console.log(userValues.USER_AUTH_MODE);
这个打印的是undefined。
有没有其他特殊的方法可以调用getter来正确返回对象？
浏览 33提问于2018-05-30得票数 0
回答已采纳
我有一个离子科尔多瓦安卓应用程序，我正在尝试使用谷歌地图API。具体来说，我想使用地理编码器特性。在我的Cordova Android应用程序代码中，我有一行代码可以访问地理编码器：
var geocoder = new google.maps.Geocoder();
这行代码在‘’文件中，并抛出一个错误：'ReferenceError google is not defined‘。
我将google maps添加到index.html文件中，如下所示：
<!DOCTYPE html>
<html ng-csp="">
<h
浏览 0提问于2015-11-28得票数 1
我正在使用PrimeNg的文件上传，我已经为我的API启用了windows身份验证。现在，url是通过使用model.id构造函数生成的，url变成
我还将authGuard应用于我的组件以添加cookie。
Routes.ts
const routes: Routes = [
{
path: '', component: HomeComponent, pathMatch: 'full', canActivate: [AuthGuard]
},
{ path: 'factory', com
浏览 2提问于2017-05-09得票数 0
回答已采纳
在我的项目中，我使用了ui-view和以下结构(删除了不必要的代码)：
<main class="content">
<div class="inner" ng-controller="OrderPageController">
<div ui-view="main-info"></div>
<div ui-view="comments"></div>
<div ui-view=&#
浏览 1提问于2015-09-29得票数 1
我试图在angular2中解析JSON文件，但不知道如何解析。
user.service.ts
getInfo(): Observable<any>{
let url= 'example.json';
return this.http.get(url, options)
.map((res:Response) => res.json())
.catch((error:any) => Observable.throw(error.json().error || 'ret
浏览 5提问于2016-12-07得票数 1
我正在尝试运行npm start，但是给了我一个错误，“一个未处理的异常发生了:找不到模块”@angular/build“我也尝试通过使用npm install @angular-devkit/build-angular安装它，但仍然给我一个错误。
错误"npm警告弃用的core-js@2.6.11:由于问题的数量，core-js@<3不再维护，不建议使用。请将依赖项升级到core-js@3的实际版本。“
如何升级我的依赖项？
浏览 3提问于2019-12-16得票数 34
回答已采纳
1回答
我在这个问题上被谷歌搜索过，但仍然找不到正确的讨论。我们在表单中使用valdr和ui select ( angularJS应用程序)，我们面临的问题是ui-select呈现的输入无法获得名称属性，因此角抛出一个错误：
Error: Form element with ID "undefined" is not bound to a field name.
at d.link (http://localhost:8080/bower_components/valdr/valdr.min.js:1:8414)
at invokeLinkFn (http://localhost:80
浏览 4提问于2015-03-16得票数 4
回答已采纳
1回答
我正在跟踪 (我确定了问题开始的时间)。
当他从posts变量中删除所有元素并将其设置为空数组时，本地会出现问题。
这里是post-list.component.ts，以防万一：
import { Component } from '@angular/core';
@Component({
selector: 'app-post-list',
templateUrl: './post-list.component.html',
styleUrls: ['./post-list.component.css']
})
浏览 4提问于2021-01-26得票数 0
回答已采纳
1回答
如何用combineLatest组合可观测数据。未定义combineLatest
我使用的是angular js 7。我想要获取两个查询字符串参数，但是当我编写obserable.combinelaste([])时，它会给出错误。
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { Observable, of, observable } from 'rxjs'
import {
浏览 1提问于2019-04-20得票数 0
对于低于TypeScript代码的错误，
不能将“{}”类型指定为“{ title: string；text: string；}”。“{}”类型中缺少属性“title”。
我宣布“文章”如下，
article: { title: string, text: string } = {};
它的原因是什么，如何解决？谢谢!
import { Component } from '@angular/core';
import { FormControl, FormGroup, Validators } from '@angular/forms';
@Com
浏览 5提问于2017-02-07得票数 24
回答已采纳
2回答
我试图检查角$scope中的对象中是否存在一个键。在我的控制器里我得到了这个：
$scope.the_object = {'the_key': 123};
在我的模板里我得到了这样的信息：
<span ng-if="'the_key' in the_object">
the_key exists in the_object
</span>
但是我在控制台中得到了以下跟踪：
Error: [$parse:syntax] http://errors.angularjs.org/1.4.7/$parse/syntax?p
浏览 1提问于2016-02-03得票数 0
回答已采纳
我在我的过滤器中执行一项非常例行的任务来检查
angular.module('someApp')
.filter('filterSomeData',['$filter',function ($filter) {
return function (items, keyObj) {
var filterObj = {
data:items,
filteredData:[],
applyFilter : function(query,key){
var fData
浏览 3提问于2015-02-03得票数 0
我使用的是Angular 7和angular/cdk版本7.3.7。我创建了与本教程中的表大致相同的表：https://www.thecodecampus.de/blog/virtual-scrolling-in-angular-7/ 虽然表格中的文本在Chome和Edge中看起来很清楚，但在IE11中看起来却很模糊。 有没有人知道它为什么会发生或者如何修复它？ 谢谢你的帮助。 下面是表格： <cdk-virtual-scroll-viewport itemSize="24" class="cdk-content">
<table clas
浏览 28提问于2020-04-02得票数 1
我正在使用ionic 5和Angular 9。我试图创建一个reactive表单，但是我得到了错误消息'No value accessor for form control with name：'lastname'‘。
下面是我的代码：
export class ModalComponent implements OnInit {
public form: FormGroup;
constructor(private modalController: ModalController,
private formBuilder: Fo
浏览 0提问于2020-03-23得票数 4
我需要验证两个日期字段。因此，我使用自定义指令来执行此操作。但我的指令没有载入错误。
这是我的定制指令
指令
import {AbstractControl, NG_VALIDATORS, Validator} from '@angular/forms';
import {Directive, Input} from '@angular/core';
@Directive({
selector:'isLessThanStartDate',
providers: [{provide:NG_VA
浏览 4提问于2021-12-13得票数 1
回答已采纳
我读过一些场景，开发人员需要降级他们的类型记录才能支持特定的npm包版本。
这可以用完成吗？我最近下载了一个使用angular2 npm包的示例解决方案。编译后的解决方案与安装在我的VS实例中的TypeScript版本没有问题。我认为上一个TypeScript版本是1.8.2。
但是，在我的VS中下载并安装了最新版本的TypeScript之后，angular2测试版示例解决方案出现了编译错误。我认为我下载/安装的TypeScript的更新版本是2.0.1。
我可以看到一个场景，其中我有两种不同的解决方案:1种使用angular2 beta的解决方案，1种使用@angular2 final的解决
浏览 1提问于2017-02-04得票数 0
回答已采纳
我正在与web api后端和angular2前端的项目。我在显示angular2中的服务器错误时遇到问题。每次服务器出错时，它都会抛出CORS错误。
Here is my sample api
public IActionResult Post([FromBody] Visitor model)
{
if (model == null) throw new HttpResponseException(new HttpResponseMessage(HttpStatusCode.NoContent)
{
ReasonPhrase = "Missing model i
浏览 20提问于2016-07-28得票数 0
在一个用typescript编译的项目上使用Angular 2。
尝试创建blob图像时出现此错误：
error TS2339: Property 'webkitURL' does not exist on type 'Window'
ts代码为：
public url = window.URL || window.webkitURL; this.photo = this.url.createObjectURL( res );
浏览 2提问于2016-08-06得票数 22
最近，我开始在一个旧的角度应用程序中使用(不太新)组件。我正试图使用于一些琐碎的东西，比如<button/>等。
由于某些原因，我似乎无法使单向绑定工作！
level组件中的difficultyButton绑定(在difficult-button.js中)总是返回undefined，但是onLevelChosen绑定(同样，在difficulty-button.js中)似乎具有options组件传递给它的回调。
你们有人看到我哪里出错了吗？
下面是一个jsbin链接，演示了这个问题：
注意类red、green和blue是如何不被应用的，因为它们永远抓不到vm.level的值。
而
浏览 3提问于2017-03-14得票数 1
回答已采纳
1回答
我正在尝试使用AngularStrap来实现这个模式。这是我的代码：
index.html
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Angular-Strap</title>
<link rel="stylesheet" type="text/css" href="bower_c
浏览 0提问于2014-12-26得票数 1
回答已采纳
我使用角单页应用程序(SPA)模板启动了VisualStudioCommunity2017项目，如.NET网络开发和工具博客中所述：
双向数据绑定(ngModel)不起作用.
例如:在login.component.html中：
<input [(ngModel)]="x" name="x"/>
<h1>{{x}}</h1>
在login.component.ts中：
export class LoginComponent {
x = 5;
}
结果：
当我更改输入框中的值时，h1标记中的文本也会发生变化。但
浏览 3提问于2017-06-09得票数 1
4回答
我对角很陌生。我正在尝试使用角2制作一个简单的web应用程序，我允许用户从他们的本地计算机中选择和图像。然后，我想在一个<img>标签中显示这个图像。稍后在图像上执行操作，如旋转、更改比例、更改width...etc。
这就是我所拥有的
@Component({
selector: 'image-container',
template: `
<input type="file" (change)="changeListner($event)" />
<img id=&
浏览 2提问于2016-02-12得票数 5
回答已采纳
我不知道我做错了什么。我得到了这个错误
Error: [$injector:unpr] http://errors.angularjs.org/1.2.21/$injector/unpr?p0=propertyUserDataProvider%20%3C-%20propertyUserData
at Error (native)
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js:6:450
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.21
浏览 0提问于2015-01-31得票数 1
回答已采纳
我正在尝试在Angular JS中创建一个指令来使用Morris JS图，这是我的代码。
我在控制台中收到一个错误，它将我指向"new Morris.Line({“行。我该怎么办？谢谢。
Reporting.directive('ngMorrison', function() {
return {
//require: '^ngModel',
scope: {
ngModel: '='
},
template: '<div id=&#
浏览 1提问于2013-11-27得票数 0
3回答
ASP.Net MVC角2决赛
、、、、
有人用ASP.Net MVC尝试过角2rc决赛吗？
我在用ASP.Net MVC配置Rang2RC 6时遇到了麻烦，直到beta 17，一切都很好。
配置如下的package.json似乎无法工作：
"dependencies": {
"@angular/common": "2.0.0-rc.6",
"@angular/compiler": "2.0.0-rc.6",
"@angular/core": "2.0.0-rc.6",
"@angul
浏览 4提问于2016-05-06得票数 11
回答已采纳
app.module.ts import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import {
浏览 16提问于2019-01-27得票数 1
回答已采纳
我是中的新手，我试图通过一个演示项目介绍一些功能，并在代码中使用预录制。
我的密码在这里-
我搞错了-
An unhandled exception occurred while processing the request.
Exception: Call to Node module failed with error: Prerendering failed because of error: ReferenceError: window is not defined
at D:\Dot.NetCore_Angular2_App\ProfileManagement\ClientApp
浏览 2提问于2017-01-04得票数 0
在angular 2项目中集成的正确方式是什么？我已经完成了提供的必要步骤。但火狐的动画效果仍然起伏不定。
我已经使用最新的angular cli (版本: 1.0.3)创建了一个新的angular项目，并通过在package.json中编辑依赖项降级了angular版本。动画在chrome中工作正常。
我是不是漏掉了什么？
Package.json -
"dependencies": {
"@angular/common": "~2.4.1",
"@angular/compiler": "~2.4.1&#
浏览 16提问于2017-07-20得票数 2
回答已采纳
为什么不总是做dest=angular.copy(src)而不是angular.copy(src,dest)
我的src值为parentObj.childObj={a:1}。
我已经定义了tgtParentObj.tgtChildObj={}，但是我没有定义tgtParentObj.tgtChildObj.tgtGrandChildObj (目前还没有定义)
这不起作用：angular.copy(parentObj.childObj tgtParentObj.tgtChildObj.tgtGrandChildObj)
但这是可行的：tgtParentObj.tgtChildObj.tgtG
浏览 1提问于2017-02-06得票数 0
回答已采纳
如何查找以下错误报告的错误？
GET http://localhost:8080/img/%7B%7BCurrentPage.img%7D%7D 404 (Not Found) angular.js:2763
r.html angular.js:2763
S.(anonymous function) angular.js:2810
(anonymous function) angular-ui-router.min.js:7
N angular.js:6711
g angular.js:6105
(anonymous function) angular.js:6001
j angular-u
浏览 0提问于2014-10-08得票数 18
回答已采纳
我想将图片的硬编码路径从后端传递到angular src。图片存储在标准的angular资源文件夹中。当我在html中使用经典url时，一切都运行得很好。
<img class="external-system-picture" src='../../../../assets/img/logo/company-logo.png'>
但如果从后端更改为使用url属性，如下所示：
<img class="external-system-picture" src='url'>
public string Url
浏览 3提问于2018-11-05得票数 0
我希望这在angular中会很简单。
我有一个翻译者和其他用户的列表
[{user: 'a',languages:['french','english','spanish']},
{user: 'b'}]
然后我有一个ng-repeat，其中我只想显示具有语言的用户
ng-repeat="translator in users | filter: {languages}"
但不幸的是，我似乎想不出如何根据属性的存在进行过滤。我试过所有的方法
{languages:'!undefined
浏览 0提问于2014-08-07得票数 15
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
