0

モーダル画面があり、ng-repeat は ng-model のチェックボックスのリストを表示します。ng-modal がチェックボックスに緑色の境界線を表示していることを発見しました。

        <div class="modal-body">
        <span ng-repeat="ptField in myForm.fieldsFromType" ng-hide="getFieldIndex(ptField.name) != -1">
            <label class="checkbox" for="{{item.id}}">
                <input type="checkbox" ng-model="ptField.checked" id="{{item.id}}"> {{ptField.label}}
            </label>
        </span>
    </div>

チェックボックスの背景色にスタイルを追加しました: #FFFFFF; これにより、緑色の境界線が削除されました。

緑の境界線が表示されているように見えるすべてのチェックボックスに使用される、非常に単純なディレクティブを作成したいと思います。それを行う最良の方法は何ですか?

4

2 に答える 2

0

何らかの理由で CSS クラスではなくディレクティブを使用する必要がある場合は、ここでその方法を説明します。

.directive('checkbox', function () {
  return {
    restrict: 'A',
    link: function (scope, elem, attrs) {
      var color = "red";
      elem.css({"background-color":color});
    }
  }
});
于 2013-10-11T18:45:33.737 に答える