@Input angular 2传递数字或对象变量

时间:2017-09-06 16:47:50

标签: javascript angular

可以将数字或整个类实例发送到@Input吗? 我正在尝试发送此from socket import * host = '127.0.0.1' port = 80 s = socket(AF_INET, SOCK_STREAM) s.connect((host, port)) while True: message = raw_input("Send message: ") s.send(message) print s.recv(1024) 或此from socket import * host = '127.0.0.1' port = 80 s = socket(AF_INET, SOCK_STREAM) s.bind((host, port)) s.listen(5) c,addr = s.accept() while True: message = raw_input("Send message: ") c.send(message) print c.recv(1024) 的值。 例如value="id"。但是在控制台中我看到我的对象收到字符串值[value]="id"而不是id的值,那些= 1。 在控制台中我看到了:

id = 1

已更新

我的班级存储价值:

id

在我的组件的html页面中,我分配给我的childComponent值的选择器,如 id : id typeof: string 或此private id: number ; show(id: number): void { this.id = id; }

我的孩子班非常简单:

value="id"

1 个答案:

答案 0 :(得分:4)

  

可以将数字或整个类实例发送到@Input?

是的,有可能。

注意:

  1. 对于数字和布尔变量,您可以将它们传递为[value] =“12”和[value] =“true”。
  2. 对于传递字符串,您需要将字符串括在单引号内以按原样传递它们。 [value]="'Justastring'"
  3. 对于组件中定义的对象或变量,您只需传递它们即可。
  4. 对于@Input()绑定属性,常用方法是[value]="id"

    Angular现在只需在组件的类中查找名为id的变量,并将值赋给子组件中的value变量。