JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 角度2,传递完整对象作为参数大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我学习角度2和我有一个问题.

实际上,我将每个组件属性传递给模板,如下所示:

import {Component,bootstrap,NgFor,NgModel} from 'angular2/angular2';
import {TodoItem} from '../item/todoItem';


@Component({
  SELEctor: 'todo-list',providers: [],templateUrl: 'app/todo/list/todoList.html',directives: [NgFor,TodoItem,NgModel],pipes: [],styleUrls:['app/todo/list/todoList.css']
})
export class TodoList {

  list:Array<Object>;

  constructor(){
    this.list = [
      {title:"Text 1",state:falsE},{title:"Text 2",state:truE}
    ];
  }
}



<todo-item [title]="item.title" [state]="item.state" *ng-for="#item of list"></todo-item>

import {Component,Input} from 'angular2/angular2';


@Component({
  SELEctor: 'todo-item',templateUrl: 'app/todo/item/todoItem.html',directives: [],styleUrls:['app/todo/item/todoItem.css']
})
export class TodoItem {

  @Input()
  title:string;

  @Input()
  state:Boolean;


}

我想知道我是否可以通过传递每个属性直接传递完整的对象内的模板?

<todo-item [fullObj]="item" *ng-for="#item of list"></todo-item>

解决方法

是的,将整个对象作为属性传递是完全正确的.

语法相同,所以只需为整个对象创建一个属性.

@Component({
  SELEctor: 'my-component'
})
export class MyComponent{
  @Input() item;
}
<my-component [item]=item></my-component>

这是一个例子:http://www.syntaxsuccess.com/viewarticle/recursive-treeview-in-angular-2.0

大佬总结

以上是大佬教程为你收集整理的javascript – 角度2,传递完整对象作为参数全部内容,希望文章能够帮你解决javascript – 角度2,传递完整对象作为参数所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。