Question

import {Component} from 'angular2/core'

@Component({
  selector: 'my-component',
  template: `
      <span [class.is-awesome]="InputElement.value='yes'">
         Is Is Awesome?
      </span>
      <input type="text" #InputElement (keyup)="0" )>
  `,
  styleUrls: ['src/css/component.css']
})

export class MyComponentComponent {
  name='Muhammad Bilal'
}

错误：

TS2345：类型'{selector：string; template：string;是：串; styleUrls：string []; }'不能赋值给类型的参数 '{selector？：string;输入？：string [];输出？：string []; properties？：string [];事件？：strin ......'。对象文字可能只是指定已知属性，'ye

'我不知道为什么当我写'是'时为什么会出错？

Answer 1

给出错误因为您要分配变量InputElement.value='yes'，它应该是InputElement.value==='yes'

 <span [class.is-awesome]="InputElement.value==='yes'">
     Is Is Awesome?
 </span>

Answer 2

如果您要检查条件，请在角度2中使用===。在您的代码中，您使用"="将值'yes'分配给InputElement.value，这就是您收到此错误的原因。

import {Component} from 'angular2/core'

@Component({
  selector: 'my-component',
  template: `
      <span [class.is-awesome]="InputElement.value==='yes'">
         Is Is Awesome?
      </span>
      <input type="text" #InputElement (keyup)="0" )>
  `,
  styleUrls: ['src/css/component.css']
})

export class MyComponentComponent {
  name='Muhammad Bilal'
}

如何在角度2中有条件地分配属性？

2 个答案: