10

実際の例

次のAngular UI Bootstrap Modalを追加します。

<div id="my-id" class="my-class" modal="opened">
  <p>Modal Here</p>
</div>

結果:

<div class="modal ng-scope">
  <p>Modal Here</p>
</div>

idおよびclass属性が削除されるのはなぜですか?

ダイアログの幅など、ダイアログに CSS スタイルを設定したり、ダイアログの内部要素のスタイルを設定したいと考えています。どうすればそれを達成できますか？

4

2 に答える 2

12

私はこのいらいらする問題に遭遇したばかりで、ドキュメントとデフォルトの動作が明らかではないためです。windowClassオプションを使用して $modal.open() メソッドを介して追加のクラスを渡すことができるようになりました。

var modalInstance = $modal.open({
      templateUrl: 'templateUrl.html',
      controller: Controller,
      windowClass: 'custom-css-class',
      ...
    });

ID を設定できませんが、これは不自由です。詳細については、公式のangular-ui modal docs を参照してください。

于 2014-03-14T11:20:20.077 に答える
9

ID が削除される理由を説明するgithubの問題を次に示します。

クラスに関しては、なぜ削除されたのかわかりませんが、$dialog オプションを使用してクラスを指定できます (これにより問題が解決します)。

<div id="my-id" modal="opened" options="{dialogClass: 'modal my-class'}">
  <p>Modal Here</p>
</div>
于 2013-03-14T10:49:11.810 に答える