在Angular中访问要映射的对象的属性？
在Angular中访问要映射的对象的属性，可以使用插值表达式或属性绑定。
- 插值表达式：使用双大括号{{}}将要访问的属性包裹起来，在模板中直接显示属性的值。例如，如果有一个名为user的对象，其中有一个属性名为name，可以使用插值表达式在模板中显示该属性的值：
<p>{{ user.name }}</p>
推荐的腾讯云相关产品：无
- 属性绑定：使用方括号[]将要访问的属性绑定到HTML元素的属性上。这样可以动态地将属性的值传递给HTML元素。例如，如果有一个名为user的对象，其中有一个属性名为imageUrl，可以使用属性绑定将该属性的值传递给img元素的src属性：
<img src="user.imageUrl" alt="User Image">
推荐的腾讯云相关产品：无
以上是在Angular中访问要映射的对象属性的两种常用方法。插值表达式适用于简单的属性访问，而属性绑定适用于需要动态传递属性值的情况。
相关·内容
1回答
考虑一下这个死气沉沉的角飞镖组件：
import 'package:angular/angular.dart';
@NgComponent(
selector: 'el',
templateUrl: './component.html',
publishAs: 'ctrl',
map: const {
'foo': '@foo'
}
)
class MyElement {
String foo;
MyElement(Scope scop
浏览 2提问于2014-01-12得票数 2
回答已采纳
1回答
我在我的项目中使用了angular js datatable。当前我正在尝试访问以下对象， "finalizedArr":[
{
"treaceId":"KYC454353545",
"approval":[
{
"usr":"kalindu kumara",
"threshold":100
浏览 23提问于2021-05-11得票数 0
3回答
我从RESTful服务获得以下数据：
[
{
"id": 42,
"type": 0,
"name": "Piety was here",
"description": "Bacon is tasty, tofu not, ain't nobody like me, cause i'm hot...",
}...
我用这个类来映射：
export enum Type {
Info,
Warning,
Error,
Fatal,
浏览 4提问于2017-02-17得票数 72
回答已采纳
2回答
我有一个有3个部分的页面。我使用ui-router，并使用抽象视图来获取vehicle对象。在第二个视图中，我需要根据vehicle对象计算一个字段，我使用的是$scope.$watch。我遇到的问题是，当状态更改为“dashboard.home.vehicle_wizard.proof”时，watch方法被调用一次，但是车辆是未定义的，并且不会第二次被击中。如果我重新加载页面，它就会被点击。
有什么想法吗？
.state 'dashboard.home.vehicle_wizard',
url: "vehicle"
template
浏览 9提问于2016-09-01得票数 0
我有一个名为USAFacts的对象，它具有属性(如StateName )和对象(如状态鸟)，其属性与状态鸟有关。
在JSON中，USAFacts的记录如下所示：
{"StateName": PA, "State-Bird": [ { "Name": Ruffed grouse, "YearDesignated": 1931, "ScientificName": "Bonasa umbellus"}]}
我可以在StateName中访问Angular2属性
{{ USAFacts?.StateName
浏览 8提问于2017-02-24得票数 1
回答已采纳
2回答
我有一个问题，this.http.get("item.json");初始化返回一个空的array.The DataService服务，数组已满。
我使用的是Angular 5
{
"name": "stock",
"version": "1.0.0",
"description": "Angular 5",
"scripts": {
"dev": "webpack-dev-server --hot
浏览 4提问于2018-04-04得票数 0
我使用的AngularJS与RESTAPI，我能够得到客户的数据从服务器发送的JSON格式。我的Angular代码片段如下：
app.factory("services", ['$http', function($http) {
var serviceBase = '/api/album';
var obj = {};
obj.getCustomers = function(){
return $http.get(serviceBase);
};
return obj;
}]);
浏览 1提问于2014-11-21得票数 1
在我的项目中，将$scope和$element注入控制器在大多数地方都是有效的，但在其中一个地方却不起作用，在这种情况下，它似乎没有任何理由不工作。删除它后，控制器的其余部分工作正常，但在这个特定的控制器中，如果注入，我会得到以下控制台错误: angular.js:10072未知数服务--未处理错误：$injector:unpr未知提供程序：$elementProvider <- $element
angular.module('app').controller(controllerId, ['$scope', '$element', &#
浏览 12提问于2016-06-30得票数 0
我是angular (和javascript)的新手。我正在尝试构建一个指令，其中一部分需要向指令的作用域中添加一个数组。我的指令代码如下所示：
.directive("startupSections", function(){
return {
restrict: "E",
transclude: true,
scope: {
title: "@",
sections: [1,2,3]
},
link: fun
浏览 2提问于2017-05-03得票数 0
我已经通过microk8s在kubernetes中部署了angular前端和python后端作为单独的pod，它们正在运行。我给后端url作为'‘在我的角度文件，以便链接前端与后端。但这是在提高ERR_NAME_NOT_RESOLVED。有人能帮我理解这个问题吗？
此外，我有一个配置文件，其中指定ip的端口和其他配置在我的后端。我是否需要进行任何更改(数据库主机？、flask主机？、端口的值？)在将测试部署到kubernetes之前？
下面是我的angular和backend的部署和服务文件。
apiVersion: v1
kind: Service
metad
浏览 26提问于2019-11-12得票数 0
有没有一种方法可以将Fetch与私有集合一起使用？
这是我的代码：
public class Owner
{
private ICollection<Cat> _cats = new List<Cat>();
public virtual int Id { get; set; }
public virtual IEnumerable<Cat> Cats { get { return _cats; } }
public virtual void AddCat(Cat cat) { ... }
}
public class
浏览 0提问于2012-05-31得票数 0
我目前正在尝试完成angulars基础指南，并且我目前遇到了一些与反应形式有关的问题。
我的HTML中的第4行抛出了这个错误：ERROR TypeError: Cannot read property 'value' of undefined
component.html：
<form [formGroup]="loginForm">
<label>
Username:
<input type="text" formControlName="name">
</lab
浏览 0提问于2018-11-01得票数 3
回答已采纳
1回答
如果这个问题被重复了，我很抱歉，但我仍然找不到解决这个问题的办法。这是我第一次接触AngularJS，所以请容忍我。
我的简单html：
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>Angular Practice</title>
<script src="lib/angular/angular.min.js"></script>
浏览 3提问于2014-10-14得票数 0
回答已采纳
1回答
我对、reading 和类型记录非常陌生，并且一直在阅读一些关于返回类型化数据的文章。有些文章指出您必须在从服务中返回对象之后映射它们，另一些文章则只需在调用中键入结果。在角6中获得强类型数据的最简单方法是什么？下面的内容不起作用，我真的需要手动映射每个属性吗？
我的模特：
export interface MenuItem {
menuItemsId:number;
groupCode: number;
groupDescription: string;
subGroupCode:number;
subGroupDescription:string;
浏览 0提问于2018-09-24得票数 0
回答已采纳
嗨，目前我有使用angular 5和typescript开发的UI。在我的一个组件中，我有一个反应式窗体，而在组件视图中，我有一个选择框窗体控件。所以我想要的是，每当我从选择框中选择一个不同的选项时，它都应该打印出所选择的值。因此，我在组件类中注册了一个函数contactListChanged。
<select formControlName="contactList" [compareWith]="compareResource" (change)="contactListChanged($event)">
<option v
浏览 35提问于2019-07-24得票数 1
回答已采纳
我在MainCtrl中有一个对象，并通过单向绑定将其传递给子组件。当我在子模板中更改它时，在MainCtrl中更改父对象。我的问题在哪里？
(function(angular) {
'use strict';
angular.module('heroApp', []).controller('MainCtrl', function MainCtrl() {
this.hero = {
name: 'Spawn'
};
});
})(window.angular);
(function(angular) {
浏览 3提问于2017-06-29得票数 1
回答已采纳
3回答
角2服务返回对象
、、
谢谢您提前给我时间，我正在尝试显示一个从本地mongodb集合中提取的集合。是API端点，当我用postmaster测试它时，它返回正确的数据。这是一组物体。HTML只显示每个对象的对象，如下所示：
对象对象
服务或组件有什么问题吗？
后端是一个快速/节点应用程序。
player.component.html
<div> {{allPlayers}} </div>
player.component.ts
import { Component, OnInit } from '@angular/core';
import {AuthService} from
浏览 1提问于2017-03-28得票数 3
回答已采纳
正在开发angular2测试版Forms。经过大量的搜索，没有发现任何有用的东西。希望这里有人能帮我。
基本上，我有点困惑如何在angular2中以适当的方式使用表单(即使用ngControl、ngFormControl等)。我在这里创建了一个plnkr
这是我的.html代码：
<form class="form-horizontal" id='myForm' role="form" [ngFormModel]="CreateGroup">
<div class="col-md-7"
浏览 56提问于2016-02-14得票数 13
2回答
我使用的是Angular，在i18n文件夹下，我有多个不同语言的json文件。我正在寻找一种在字符串中使用"target“变量的动态方法。 {
"title": "Connection,
"targets": {
"facebook": "Facebook",
"instagram": "Instagram",
"linkedin": "LinkedIn",
},
浏览 12提问于2021-08-31得票数 1
回答已采纳
1回答
我有一个茉莉花测试是持续失败的，因为spyOn没有执行。
下列测试将自动失败：
it('simple test', function() {
spyOn(angular, 'element');
});
错误是：
TypeError: 'undefined' is not an object (evaluating 'angular.element(handle.elem).off')
at /Users/geoff/Project/www/components/angular-mocks/angular-
浏览 2提问于2015-07-27得票数 5
回答已采纳
我的Angular项目使用ASP.NET Core Web Api。
对于我的一个服务，当我在Angular项目中调用它时，我得到一个[object Object]，而当我用Swagger测试它时，我得到了一个Json结果。
在这种方法中，当我在浏览器控制台中显示response时，我收到了一个[object Object]。
getMenuByTruck = () =>{
const id: string = this.activeRoute.snapshot.params['id'];
const apiMenu: string = environme
浏览 10提问于2021-09-23得票数 0
回答已采纳
对于角度单元测试来说，我是新手，我已经为一个组件编写了规范文件，并在业力茉莉花单元测试用例中得到了后续错误。期望未定义为真实的。请找到错误快照
Ts文件：
import {Component, Inject, OnInit} from "@angular/core";
import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material";
import {DataService} from "../../../services/data.service";
@Component({
浏览 0提问于2019-08-01得票数 0
回答已采纳
1回答
我有一个POCO FooIndex，它映射到elasticsearch中的一个索引，我想对这个索引执行一个查询，并且只返回特定的字段。我创建了一个DTO FooStatus，它只包含我要返回的字段的属性。
如果DTO中的属性名称与索引映射中的名称匹配(正如预期的那样)，这很好，但是我希望对某些属性有不同的名称，并将它们映射到索引字段。我该怎么做？
var searchDescriptor = new SearchDescriptor<FooIndex>()
.Index(index)
.So
浏览 4提问于2021-02-10得票数 0
回答已采纳
我一直试图使用上的代码来访问描述浏览器大小的值，该值将在AngularJS中使用。我希望能够做到这一点，这样我就可以根据屏幕大小设置路由状态(我使用的是ui-router )。
指令的这一部分检索已添加到<span>文件中的index.html元素。每个<span>元素都有一个类，它描述浏览器的大小(在我的例子中是'small','medium','large')。使用CSS，媒体查询用于根据浏览器窗口的大小设置<span>元素的<span>。因此，如果浏览器的大小小于320 So，.medium和
浏览 3提问于2014-02-06得票数 1
3回答
我正在使用Angular从API获取数据。我一直在关注 youtube视频，但并未演示如何访问嵌套属性。
如何从访问“地址”属性，如“街道”和“城市”
谢谢!
浏览 2提问于2020-07-17得票数 0
假设我们有一个对象
var object = {
propertyOne: {
propertyTwo: 'Value'
}
}
像这样的属性名称(propertyOne.propertyTwo)将被称为什么？
这个词还必须包括object.propertyOne。
它也可以是最终属性propertyTwo的名称。
为了解释一下，如果我有一个对象，我想要访问它的某个属性，或者对象的属性属性，我会有一个像'propertyOne.propertyTwo'或'propertyOne'这样的字符串，我该如何命名这个字符串
浏览 2提问于2017-04-26得票数 1
所以我对JavaScript并不陌生，但我正在努力学习Angular2和更多关于JavaScript ES6 Promises的知识，我正在通过来做到这一点。在构建pokedex-service.ts文件一节中，getPokemon()函数的一部分如下所示：
getPokemon(offset: number, limit: number) {
return this.http.get(`${this.baseUrl}?offset=${offset}&limit=${limit}`)
.toPromise()
.then(response =>
浏览 0提问于2017-04-19得票数 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和bootstrap 4开发一个网站，我对Angular是个新手。我调用asp.net Web API来检索业务信息。这就是正确地返回数据。我的angular项目的设置是这样的，我有两个文件夹，一个用于模型，另一个用于/src/app下的服务，以及每个组件的相应文件夹。请看所有部件的代码
我尝试在不同的地方记录响应。它记录对象，但不记录属性，属性值未定义。
app.module.ts
*******************************************************************
import { BrowserModule }
浏览 0提问于2019-03-28得票数 1
我正在尝试使用Angular 4和随机用户API生成随机用户信息。每当我尝试将收到的数据打印到控制台以检查我是否得到了我想要的东西时，我总是得到'undefined‘消息，而不是我想要打印的东西。我确实得到了一个随机用户的对象，其中包含我需要的所有参数，但是我如何打印并从该对象中获得特定的参数。如果有人能给我解释一下，我会非常高兴和感激的。提前谢谢你。
下面是我用来获取数据的服务代码：
import { Injectable } from '@angular/core';
import { Http } from '@angular/http';
imp
浏览 9提问于2017-07-23得票数 1
回答已采纳
对于angularJS来说非常新，看托德格言的付费教程，我不知道为什么，但是我的对象属性不会出现在页面上。
function AddCurrentJobs($scope){
$scope.jobinfo = [{
title: 'Building Shed',
description: 'I need helping building a shed'
},
{
title: 'Jello',
description: 'Test 123'
}];
}
angular
.module("
浏览 0提问于2018-05-01得票数 0
回答已采纳
我得到了错误
“类型'typeof ChatEngineCore‘上不存在属性'create’”和
“类型‘ChatEngineCore’上不存在属性'plugin‘”
当我尝试在PubNub Angular2聊天机器人教程中调用ChatEngineCore.create和ChatEngineCore.plugin时。
有什么想法吗？我错过了什么简单的东西吗？下面是我直接从PubNub的教程中复制的代码：
import { Injectable } from '@angular/core';
import { ChatEngineCore } from
浏览 1提问于2018-08-11得票数 1
我有一个控制器，我想在我的指令中使用，我如何使用控制器的指令，我想访问指令中的所有控制器功能？
directive.js
angular.module('App').directive('deleteButtons', function (prcDeleteFactory,$rootScope) {
'use strict';
return{
restrict:'E',
scope:{
id: '=ids',
name: '@'
},
temp
浏览 1提问于2016-03-14得票数 0
回答已采纳
我有一种情况，我使用ng-重复来显示指令，这个指令负责计算一个小计，并使用双向绑定将该小计添加到我的总数中。
但是，通过使用ng-重复，它增加了ng-重复的范围，而不是我的控制器。我怎么才能让它正常工作呢？
编辑:我想出了一个解决方案，但不确定这是否是最好的方法.
我改变了：
<div ng-repeat='item in myArray'>
<add-it-up sub-total='total1'></add-it-up>
</div>
至
<div ng-repeat='item in my
浏览 3提问于2015-05-06得票数 0
回答已采纳
试图更深入地了解Angular是如何对待数据绑定的，并更好地理解它，但有一件事我很难理解-
在Knockout中，我使用计算器来跟踪属性的更改。在角度它将这个逻辑移动到视图中，这对我来说是微不足道的，但如果这是这样做的话，我可以理解。
我的问题是，当我使用Breeze/Angular初始化一个新实体时，我如何创建类似于计算的属性，当entities属性发生更改时会通知这些属性？
myEntity.fullName = ko.computed(function () {
return myEntity.firstName + ' ' + myEntity.LastName
浏览 34提问于2013-08-14得票数 20
回答已采纳
在angular 8中，我能够从templateRef访问子组件，如下所示：
<ng-template #templateName>
<child-component></child-component>
</ng-template>
@ViewChild('templateName') template;
const childComponent = template._projectedViews[0].nodes[1].instance;
但是在将应用程序迁移到版本9之后，一切都发生了变化。现在，我在样板中没有投
浏览 5提问于2021-11-01得票数 1
1回答
我试图在一组无线电按钮中显示我的FormControl值，但我得到的只是对象对象。我的html：
<form [formGroup]="myForm">
<radiobutton-group>
Food:
<radiobutton [FormControl]="myForm.get('food')" value="apple"></radiobutton>
<radiobutton [FormControl]="myForm.get(
浏览 1提问于2020-06-15得票数 0
回答已采纳
2回答
为什么我不把json数据转换成角
、、、、
我在网上有一堂课
public class Respuesta
{
public int Exito { get; set; }
public string Mensaje { get; set; }
public object Data { get; set; }
}
并在ASP.NetCore中具有以下方法：
public IActionResult Get()
{ ..
using (NegociosAPIContext db = new NegociosAPIContext())
{
var
浏览 5提问于2020-05-14得票数 1
我正在访问一个在线API，并希望使用文本值填充ngb-typeahead下拉列表。Angular Bootstrap网站上有一个使用Wikipedia的，但从Wikipedia API返回的数据与我从地理编码API获得的数据不同。我得到的数据是这样返回的：
{
"suggestions": [
{
"text": "23 Queen Charlotte Drive, Aotea, Porirua, Wellington, 5024, NZL",
"magicKey": "dHA9MCNsb2M9NDMwN
浏览 1提问于2020-08-22得票数 1
我是Angular 8的新手，我正在尝试实现一个服务来将JSON格式的数据加载到API中，但是我在控制台上得到了以下错误 Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays. 我也一直在阅读关于这个错误的类似问题，但我一直无法解决它 下面是我进行服务调用的.ts代码 @Injectable({
providedIn : 'roo
浏览 234提问于2020-03-27得票数 0
回答已采纳
我在Angular 5有一个请求：
http.get(baseUrl + 'api/Student/Students1')
.subscribe(result => {
this.std = (result as Students[]);
}, error => console.error(error));
接口：
interface Students {
Address: string;
Email: string;
Phone: string;
浏览 0提问于2018-01-23得票数 0
我使用angular.js在一个简单的sinatra应用程序中获取，angular工作，但它不加载我的a.html和b.html模板。我也尝试在我的a.erb和views/a.html中使用main.js，但是它什么也没做。这里面有什么问题？
index.erb、a.html和b.html在视图文件夹中。
app.rb
require 'sinatra'
class app < Sinatra::Base
set :public, File.dirname(__FILE__) + '/static'
get '/' do
浏览 3提问于2013-12-25得票数 0
回答已采纳
1回答
我尝试在我的应用程序中安装角度日历，我在数据库中有事件的数据，但是当我试图调用它们时，我会得到一个错误：
ERROR TypeError: Cannot read property 'map' of undefined at MapSubscriber.eval
原始代码在这里：
我的component.ts
import { Component, ChangeDetectionStrategy, ViewEncapsulation, OnInit } from '@angular/core';
import { ConsultaService } from &
浏览 1提问于2018-04-04得票数 1
错误：
例外: Uncaught (承诺)：Error: app/search/search.component.html:10:35由:无法读取未定义的属性'searchFor‘引起的错误
我有这个html文件，需要创建一个名为“化学”的对象，它将具有两个属性: 1)searchFor (来自文本输入) 2) searchBy (来自下拉菜单)，如下所示：
<div class="container">
<div class="row">
<div class="col-sm-12 bevisibl
浏览 0提问于2017-02-07得票数 0
回答已采纳
我正在尝试从sampledata.json中获取数据
错误：
{{sampledata}}显示[object Object]
{{sampleDataModel.Title}} ERROR TypeError:无法读取未定义属性的“标题”
sampledata.json:
{
"isSuccessfull": true,
"Model": [
{
"SampleDataModel": [
{
"
浏览 0提问于2018-03-26得票数 0
回答已采纳
我在将从API获取的JSON映射到现有对象时遇到了问题。打字代码：
英雄界面：
export interface Hero {
id: number;
name: string;
}
控制台日志：
this.hero始终为空(未定义)。如何解决这个问题。PS。我对Angular和typescript是个新手，所以请温文点:)
浏览 12提问于2021-03-06得票数 0
回答已采纳
我在angular中有一个http服务，它调用web api来获取需要反序列化为typescript (.ts)对象的JSON数据。JSON中的键的名称(即"Property")与typescript中的内容(即"property")不匹配-这意味着JSON数据是大写的，而typescript是小写的。在angular中有没有一个带有http调用的映射函数，我可以把json反序列化为typescript？
从web api返回的示例JSON
"Packages": [
{
"IsESignAllowed&#
浏览 45提问于2018-05-31得票数 0
我的设置大致如下所示：
# account/models.py
Account(models.Model):
""" The user profile """
user = models.OneToOneField("auth.User", primary_key=True, related_name="account")
balance = models.DecimalField(max_digits=32, decimal_places=2, default=0)
activat
浏览 0提问于2012-03-16得票数 1
回答已采纳
1回答
我使用Angular的http客户端从API检索数据。我使用typescript接口定义DTO。其中一个端点返回一个json对象，该对象具有我希望映射到Map中的动态键。我试过很多方法。 v1 export interface ItemDistribution {
id: number;
distribution: Map<string, number>; // I don't know the keys beforehand
} v2 interface Distribution {
[key: string]: number;
}
export int
浏览 31提问于2020-04-09得票数 0
回答已采纳
2回答
我在玩棱角游戏，试着学习更多关于范围的知识。
var app = angular.module('myapp', []);
app.controller('MainCtrl', function($scope){
$scope.color = 'green';
$scope.sayHello = function(){
console.log("HELLO FROM PARENT SCOPE");
}
});
app.directive('helloWorld', fun
浏览 0提问于2014-04-28得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
