ng-styleではまった

なんか地味にはまったのでメモ

○ ng-style="{ margin: 0 }"
☓ ng-style="{ margin: 10px }"
○ ng-style="{ margin: '10px' }"

☓ ng-style="{ margin-right: '10px' }"
○ ng-style="{ 'margin-right': '10px' }"

☓ ng-style="{ margin: '10px'; padding: '10px' }"
○ ng-style="{ margin: '10px', padding: '10px' }"

styleと違ってng-styleにオブジェクトを渡しているんだと気づけば当然なんだけど、

• パラメータ
  • 0は数値なのでok
  • 10pxは文字列なのでシングルクォートで囲まないとだめ
• key
  • marginはオブジェクトのkeyとして問題ない
  • maring-leftは、-が演算子として扱われるのでシングルクオートで囲まないとだめ
• 区切り
  • styleのように;で区切ってはダメ
  • オブジェクトなので,で区切る