Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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”

@H_801_38@

大佬总结

以上是大佬教程为你收集整理的Angular 2:带括号和不带括号的属性绑定之间的区别?全部内容,希望文章能够帮你解决Angular 2:带括号和不带括号的属性绑定之间的区别?所遇到的程序开发问题。

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

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