如何使用角度2满足条件后显示弹出窗口？

Question

我有这个应用程序，您可以手动输入特定页面以从PDF显示，我想在用户输入的页码高于最大页码时显示弹出窗口。

这是我写的代码：

Html：

<activity android:name=".authentication.RedirectUrlActivity" android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <data android:scheme="https://myservice.azure-mobile.net/"
             android:host="easyauth.callback"/>
            </intent-filter>     
            </activity>

         <activity android:name="com.example.pleasework.com.microsoft.mobileservices.authentication.CustomTabsIntermediateActivity" android:exported="true">
            </activity>

输入是您输入页码的地方。

输入脚本：

<activity android:name="com.microsoft.windowsazure.mobileservices.authentication.RedirectUrlActivity">
     <intent-filter>
         <action android:name="android.intent.action.VIEW" />
         <category android:name="android.intent.category.DEFAULT" />
         <category android:name="android.intent.category.BROWSABLE" />
         <data android:scheme="{url_scheme_of_your_app}"
             android:host="easyauth.callback"/>
     </intent-filter>
 </activity>

和css：

<span>
 <input  class="pageNow" value="{{pageIndex}}" type ="number" #pageId id="choice-page" (keyup.enter) = "getPage(pageId.value);poppup()"/>/ {{documentData?.pageNum}}

<div  class="popup" *ngIf="erreur">
  <span class="popuptext" id="choice-page"> Error:Enter a valid Page number </span>
</div>

</span>

所以我的问题是html，因为我无法显示弹出窗口。