Question

我在我的第7个角度页面中实现了ngx-spinner，并将全屏设置为false，因为我不希望标题由旋转器的背景色覆盖。渲染时仍然覆盖整个页面。不确定是什么问题。

以下是我引用的链接

https://napster2210.github.io/ngx-spinner/

<div class="booking-form">
<h3>BOOKING - ENJOY!</h3>
<p class="book-cf1">[text* first-name placeholder "First Name*"]</p>
<p class="book-cf1">[text* last-name placeholder "Last Name*"]</p>
<p class="book-cf1">[text* your-phone placeholder "Your Phone"]</p>
<p class="book-cf1">[email* your-email placeholder "Email Address*"]</p>
<p class="book-cf1">[text* arrival-date class:date_booking placeholder "Arrival Date*"]</p>
<p class="book-cf1">[text* departure-date class:date_booking placeholder "Departure Date*"]</p>
<p class="book-cf2">[select room_type  placeholder "Suite type" "Junior Suite" "Executive Suite" "Family Suite" "Full Service Package"]</p>
<p class="book-cf2">[select adult "Adults" "1" "2" "3" "4"]</p>
<p class="book-cf2">[select Child "Child" "1" "2" "3" "4"]</p>
<p class="book-cf2">[select etbed "Extra Bed" "1" "2"]</p>
<p class="book-cf2">[select pickup "Pickup" "Yes (+$30)" "No"]</p>
<p class="book-cf3">[textarea your-message placeholder "Special Note"]</p>
<p class="clearfix">[checkbox checkbox-838 "Please confirm your details before submitting."]</p>
<p class="book-cf3" id="book-cf4">[submit "Make a reservation"]</p>
</div

Answer 1

如果要填充容器所在的容器，请将其包装在具有相对位置的div中：

mempty :: Bool -> [Int]
mempty = \_ -> []

(<>) :: (Bool -> [Int]) -> (Bool -> [Int]) -> (Bool -> [Int])
f <> g = \b -> f b ++ g b

Answer 2

在您的情况下，您忘记了方括号。您必须这样做：

<ngx-spinner bdOpacity=0.9 bdColor="#fff" size="medium" color="grey" type="ball-spin" [fullScreen]="false">
    <p style="color: white"> Loading... </p>
</ngx-spinner>

Angular 7-覆盖整个页面的ngx-spinner

2 个答案: