大佬教程收集整理的这篇文章主要介绍了Angular 2:带括号和不带括号的属性绑定之间的区别?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
打字稿:
import { Component,Input } from '@angular/core'; @Component( { SELEctor: 'my-comp',templateUrl: ` input is {{foo}} ` }) export class myComponent { @input() public foo: String; constructor() { } }
HTML:
情况1
<my-comp [foo]="bar"></my-comp>
案例2
<my-comp foo="bar"></my-comp>
“如果满足以下所有条件,则应省略括号:
target属性接受字符串值.
该字符串是一个固定值,您可以将其烘焙到模板中.
这个初始值永远不会改变.
您通常在标准HTML中以这种方式初始化属性,并且它也适用于指令和组件属性初始化. (…)Angular设置它并忘记它.“(…)当将element属性设置为非字符串数据值时,必须使用属性绑定”(来源:https://angular.io/guide/template-syntax).
总而言之,这意味着只有在使用括号时才会解释右侧的值.每当你在右边的引号中看到引号时,你可以删除括号:[anyStringProperty] =“’Hello’”可以改为anyStringProperty =“Hello”
以上是大佬教程为你收集整理的Angular 2:带括号和不带括号的属性绑定之间的区别?全部内容,希望文章能够帮你解决Angular 2:带括号和不带括号的属性绑定之间的区别?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。