以Angular 2 / Ionic 2中的形式访问选定的对象属性

古巴库尔

@Page除了存储选定选项的值(如)外{{project.title}},我几乎没有选择输入,我还需要返回另一个选定的对象属性,如{{project.id}}或整个对象。

如果我使用前。(change)='DoThing($event)',它只返回带有的字符串project.title我不能放{{object.id}},它会生成运行时错误。

我使用的代码:

<ion-item>
   <ion-label>Project</ion-label>
       <ion-select [(ngModel)]="newTrackedTime.project" (change)='DoThing()'>
           <ion-option *ngFor='#project of myProjects' value="{{project.title}}">{{project.title}}</ion-option>
       </ion-select>
</ion-item>

我敢肯定这应该以某种方式起作用,但是在查阅了一些ANG2 Form Tutorials之后,我不清楚如何做到这一点。谢谢!

贡特·佐赫鲍尔(GünterZöchbauer)

不能引用*ngFor外部创建的一项*ngFor是预期的。

您可以使用project.title从中获取的内容从中$event查找项目myProjects我想最好分配idvalue

value="{{project.id}}"

那么你得到project.id$event

<ion-item>
   <ion-label>Project</ion-label>
       <ion-select [(ngModel)]="newTrackedTime.project" (change)='DoThing($event)'>
           <ion-option *ngFor='#project of myProjects' value="{{project.id}}">{{project.title}}</ion-option>
       </ion-select>
</ion-item>

...

DoThing(id) {
  let project = this.myProjects.find((prj) => { return prj.id == id; });
  ...
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Ionic 2 / Angular 2 beta 10中访问窗口对象

来自分类Dev

在 Angular/Ionic 2 中获取选定的 ngModel 值?

来自分类Dev

Ionic 2 / Angular - 操作 JSON

来自分类Dev

如何更改 Angular 2 / ionic 2 中的特定属性值?

来自分类Dev

Ionic 2 / Angular 2 从数组中的对象获取数据

来自分类Dev

Angular 2(Ionic 2):拦截Ajax请求

来自分类Dev

Angular 2(Ionic 2):拦截Ajax请求

来自分类Dev

Ionic 2/Angular 2 显示阵列

来自分类Dev

Angular 2 和 Ionic 2 与 Visual Studio

来自分类Dev

Ionic 2 Angular 2 - 无法从方法访问 NavController

来自分类Dev

由于Angular 2验证属性,Ionic 2构建失败

来自分类Dev

Angular 2 + Ionic 2:检测对象是否被修改

来自分类Dev

Ionic 2 / Angular 2中的承诺,怎么办?

来自分类Dev

Ionic 2 / Angular 2中的承诺,怎么办?

来自分类Dev

Angular 2 / Ionic 2中的Typescript转换错误

来自分类Dev

Ionic2 / Angular2 / TypeScript:如何在函数2016中访问DOM元素

来自分类Dev

Angular - Ionic 2 - 无法读取未定义的属性“订阅”

来自分类Dev

如何访问Angular 2对象的属性

来自分类Dev

如何访问Angular 2对象的属性

来自分类Dev

将JavaScript \ Ionic \ Angular 1应用迁移到Typescript \ Ionic 2 \ Angular 2应用

来自分类Dev

带有Angular JS 1或Angular JS 2的Ionic 1

来自分类Dev

Ionic 2 / Angular 2:如何从Ionic 2警报上的超链接或按钮发出单击事件?

来自分类Dev

间隔上的Ionic2或Angular2 HTTP请求

来自分类Dev

ionic2 + Angular2的列表选择

来自分类Dev

ionic2 + angular2-单击禁用按钮

来自分类Dev

Ionic2 + Angular2还是React-native?

来自分类Dev

Angular2 / Ionic2:数据绑定

来自分类Dev

Angular 2 / Ionic 2 ngModel动态全局变量

来自分类Dev

Angular2 Ionic2使用Cordova创建插件

Related 相关文章

热门标签

归档