角度2を使用すると、補間を使用してCSSのattrs値を設定する方法は可能ですか？補間を使用してCSS attrs値を設定する
この構文を使用していますが、正しく動作していません。あなたはインラインテンプレートを行う際
import { Component } from '@angular/core';
@Component({
selector: 'app',
template:<div [ngStyle]="{'width': {{width}} +'%'}">})
export class AppComponent {
private width: number = 12;
constructor(){}}
次の作業を行う必要がありそれがそうでなければ、ブラウザを再するつもりはない。この
template: `<div>blah</div>`
のように見え、右1の前にキーボードの上にある小さなダニを使用それを広告する。
次は、閉じるdivタグがありません。それは限りngStyleの構文とその後
template: `<div></div>`
にする必要がある場合には現在、
template: <div>
を持っています。バインディング内の属性をバインドしようとしているように見えますが、これは不要な作業です。値を取得するキーの名前を渡すだけです。実際のCSSプロパティの名前を使用していることを確認すると、それをwidth1またはブラウザを混乱させないように変更することができます。あなたが正しい構文を持っていないが、widthのプロパティがブラウザで「正しく読み込まれている」場合は、かなりファンキーなものを表示することができ、エラーをスローしないので、起動したときに検出するのが難しくなります。これらの変更を行って、動作するかどうか確認してください。
まず、あなたのテンプレートは、あなたが探しているものを第二
、引用符や `に包まれていることを確認しすると、中括弧なし<div [ngStyle]="{'width': width +'%'}">ある