-
1 votesanswersviews
具有可观察性的Angular2异步管道
我尝试通过异步管道使用observable,这是我的模板: <input #address type="text" id="address" placeholder="{{placeHolder}}" (keyup)="addTerm(address.value)" /> <... -
1 votesanswersviews
在<template>中使用ngFor会导致应用崩溃
我正在开发一个 angular2 应用程序(版本2.4.1),我正在尝试编写一个组件,该组件应该从组件的用户呈现模板(我相信在angular1中称为transclusion) . 我编写了一个使用[ ngTemplateOutlet ]来渲染给定模板的组件,但是在传递它时使用ngFor的模板崩溃,因为即使数组为null,它也会尝试渲染ngFor-content . 请参阅以下plunker,它重现... -
2 votesanswersviews
Angular2为什么异步管道
我理解Async管道可以在observable上工作,并帮助我们为稍后会出现的数据加载异步 . 但是,我也可以在不使用异步的情况下工作 . 以下是代码 零件 export class XComponent{ someProp: string; someList: string[]; someFn(){ this.someService.subscr... -
0 votesanswersviews
Angular - Http在没有异步管道的情况下工作
我只需要获得单项,所以我在模板中使用了ngIf而不是ngFor . 模板: <div *ngIf="item | async"> Id {{ item.id }} Number {{ item.number }} </div> 服务: get(id: number): Observable<Response> { retur... -
104 votesanswersviews
NgFor不使用Angular2中的Pipe更新数据
在这种情况下,我正在使用 ngFor 向视图中显示学生列表(数组): <li *ngFor="#student of students">{{student.name}}</li> 每当我将其他学生添加到列表中时,它都会更新 . 但是,当我按学生名称给它 pipe 时, filter <li *ngFor="#student of st... -
0 votesanswersviews
Angular2 Http得到
我试图使用Angular2从API中提取数据,并将其绑定到视图 . 请求完成后,我的组件只获取数组对象 [object Object],[object Object],[object Object] . 我可以获取有关提取对象的任何帮助,以便 *"ngFor" 可以读取每个对象 . 我希望能够将数据绑定到视图 . **This is my API** [{ _id: ... -
0 votesanswersviews
angular2 ngfor对象数组在模板中出错
我现在正在尝试使用angular2 . 我想在视图中显示所有产品列表 . 我从Java Play服务器获取的产品列表 . 但在我的angular2视图中,它的显示错误无法绑定ngFor . console.log显示Object表单数组中的所有数据 . 这意味着我的角度组件可以从java服务器获取数据 . 这是我的方法 . products.component.ts import { Compo... -
0 votesanswersviews
Angular2 - 使用类绑定来检查数据会产生许多调用
我是Angular 2(和StackOverflow)的新手,可能会以不恰当的方式使用类绑定 . 我想和专家核实一下 . 我有一个ngFor循环,它显示来自多个对象数组的数据 . 每个对象中都有一个用户数组 . 如果用户已登录,我想更改每个数据项的类 . 在下面的示例中,我只是将用户硬编码为公共变量 . 在我的ngFor循环中,我从类绑定中调用一个函数(“checkUser”)并传入当前数据项 .... -
5 votesanswersviews
Angular2:ng表格中每行多个对象[重复]
这个问题在这里已有答案: ngFor create 2 rows 3个答案 我的组件有一个我想在表中显示的字符串数组 . 但是,我希望表每行有4列 . 如何使用* ngFor每行显示4个字符串? 我知道有没有使用表的解决方案,但在这种情况下我真的很想使用表 . -
1 votesanswersviews
对象angular2(最终版本)
我有一个对象列表,每个对象都像: object : { attr1 : string, attr2 : string, object1 : { attr3 : string, attr4 : string } } 在我的 HTML 文件中: <tr *ngFor="let object of objects"> <td&g... -
0 votesanswersviews
在angular2中使用* ngFor进行迭代时出错
我有json响应,我试图迭代json响应,但它给出了错误 我不知道angular2是否不像这样支持迭代,因为我是angular2的新手 serive call return this.http.post(this.url,params) .map(res => res.json()) 为travelGuides分配响应 .subscribe(travelGuides =&g... -
0 votesanswersviews
Angular2 * ng不显示数组数据
我正在使用Angular 5并进行速成课程 . 我实际上已经远远超过了使用ngFor指令,但我正在做一个练习作业的一部分,我正在尝试做的第一件事就是不会循环显示数据 . 我有其他项目在哪里工作,但这个没有,我很困惑 . 知道这是愚蠢的事情 . 零件 import { Component } from '@angular/core'; @Component({ selector: 'app-r... -
0 votesanswersviews
Json用jasper操纵
我有基于csv数据源的jrxml文件 . 该csv文件中只有一列包含json字符串 . 考虑以下样本, ID NAME TAG_AND_VALUES 1 test1 { "caseID" : "1200", "CaseNumber" : 12 } 2 test2 { "caseID&qu... -
24 votesanswersviews
Angular2嵌套ngFor
我需要在Angular2中做相同的事情: <?php foreach ($somethings as $something) { foreach ($something->children as $child) { echo '<tr>...</tr>'; } } 这可以通过ngFor实现,而不是在 <table> ... -
1 votesanswersviews
Angular2使用管道获得非常深的嵌套json值! * ngFor
嗨,我无法获得使用管道真正深度嵌套的json值 . 我究竟做错了什么? 管道我正在使用 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'keyValues' }) export class KeysPipe implements PipeTransform { transform(value, arg... -
2 votesanswersviews
Angular2过滤器对象数组基于属性内的值(嵌套过滤器)
我只需要使用过滤器(管道)检索具有名称的对象...作为参与者 . 每个对象都有一个参与者对象数组 . 这就是它的样子(最后看到我的例子Json) -object -- _id -- participants -- participant1 -- participant2 所以这就是我的尝试:(硬编码杰克得到一场比赛......) import { Pipe, PipeTran... -
1 votesanswersviews
过滤@Pipe错误中的数据
我正在尝试过滤数据并在htmltable中呈现它 . 在我的代码下面:在module.ts中 import Register10Pipe = require("./register10/register10.pipe"); @NgModule({ declarations: [ Register10Pipe.FilterPipe ]) 在my.... -
2 votesanswersviews
浏览器无法解析角度管道返回的html标记
我想要发生的是为管道提供一个值,然后让管道将其转换为一个列表 . 这可能不是最好的方法,但这是我想到的第一件事 . 基本上我有一个简单的表 . 我有我的模板 <tr *ngFor="let res of results"> <td>{{res.value1}}</td> <td>{{res.value2 | lis... -
0 votesanswersviews
在Angular组件表中为每个循环嵌套的位置?
我有几个表在每个循环中显示 . 在每个表行中,每个循环都有两个附加,它们都适用于一行中的项目 我不知道在每个循环中放置第二个 . 我可以做这样的事情 <div *ngFor="let table of tables">{{table}} <table> <tr *ngFor="let item of key">... -
1 votesanswersviews
与angular2深度嵌套的json
我是angular2的新手,并尝试使用angular2显示我在json中的数据 下面是我的json数据: { "logoEditorData":{ "logo":{ "companyNameOption":{ "fontSize":{ ... -
1 votesanswersviews
Angular * ngFor用于由mouseenter设置的范围标志的方法
我正在从angular.js切换到angular2 / 4,并且无法理解我应该如何实现以下模式...... <div *ngFor="let item of items" (mouseenter)="focus=true" (mouseleave)="focus=false"> <span>{{text}... -
3 votesanswersviews
Angular 2:* ngFor in * ngFor
以下场景在javascript中非常容易,但是我在Angular中遇到了一些问题 . 我有一个像这样的数组: array a = ( "id" = 0, name = random(), column = 1, 2 or 3, blockrow= 1, 2 or 3) 使用ngFor我尝试现在创建一个网格,其中所有元素都在此列的colums和blocks中分隔 . 所以我目前... -
0 votesanswersviews
从Angular 2中理解* ngFor
我正在尝试在我的Angular项目中使用嵌套的* ngFor来渲染动态菜单 . 我正在尝试这样的事情: <li class="treeview" *ngFor="let pm of parentMenu"> <a href="#"> <i class="fa fa-edit&q... -
0 votesanswersviews
Angular - 如何使用ngFor?
我想重构我的代码 . 我在我的 section-portrait.component.html 中有这个ngFor <app-portrait *ngFor="let model of models" [firstName]="model.firstName" [lastName]="model.lastName&qu... -
10 votesanswersviews
将ngModel绑定到选择控件的模型[重复]
这个问题在这里已有答案: Binding select element to object in Angular 10个答案 在Angular 1.x中,您可以将ngModel绑定到select控件的模型: <select ng-model="selectedPerson" ng-options="person as person.name for ... -
0 votesanswersviews
Angular5中的DropDown选择 - 使用NgModel的绑定对象不会更新选择值
// html code <select class="form-control form-control-primary" (change)="changeValue(data)" [(ngModel)]="data" name="list" id="sele... -
8 votesanswersviews
ngFor中的Angular2 ngModel
我试图从我的输入绑定一个字符串数组,所以在html文件中我写了这个: <div *ngFor="let word of words; let in=index" class="col-sm-3"> <div class="form-group"> <input type="... -
7 votesanswersviews
角度绑定对象,使用ngModels从组件到视图的数组
我试图在我的视图上绑定我的模型,但是当我提交表单时我遇到了问题:我没有数组,但有很多属性 . 零件 : export class QuizFormAddQuestionComponent implements OnInit { public question: Question; constructor() { this.question = new Questi... -
1 votesanswersviews
用于动态创建的mutl select html元素的Angular2数据绑定
我有问题绑定多选择html元素到ngModel . 当我提交表单时,我只从多个选定的标签中获取一个选定的标签 . 我需要一种绑定所有选定值的方法,并在提交表单时返回这些值 我尝试了以下方案 1) <select multiple ([ngModel])="multiSelect1" ngControl="multiSelect1" (change)=&... -
0 votesanswersviews
通过可点击的选项而不是select-option(下拉列表)绑定到ngModel
我正在尝试使用预定义颜色构建基本颜色选择器 . 为此我有一个对象“颜色”与颜色值作为它的属性: public colors = [ { value: '#ffffff' }, { value: '#919191' }, { value: '#555555' }, // and some more ]; 在网络上的一些例子后,我在我的html中设置了一个select...