Thinktecture身份服務器v3的登錄頁面加載定製

Question

爲我加了我自己的文件在這裏，我已覆蓋默認視圖進行登錄：

我做什麼也只是爲了獲得從基本文件回購資產，並稍微調整一下，以便看起來更適合我的項目。我改變了一些顏色，刪除了一些東西，並添加了一些JavaScript。

我現在想要做的是添加一個加載器（微調），當我點擊「登錄」按鈕時出現，如果最終，我會得到某種錯誤（錯誤的憑據或某事）。什麼是顯而易見的存在，它是採用了棱角分明並結合典範：

<div class="row" ng-show="model.errorMessage"> 
    <div class="col-md-12 col-sm-12"> 
     <div class="alert alert-danger"> 
      <strong>Error:</strong> 
      {{model.errorMessage}} 
     </div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-12 col-sm-12" ng-show="model.loginUrl"> 
     <div class="panel panel-default"> 
      <div class="panel-body"> 
       <form name="form" method="post" action="{{model.loginUrl}}"> 
... 

因爲我不是很有經驗的，我決定向你的建議。

首先，是它可能覆蓋模型本身，所以我可以得到它的一個完整的控制？類似_login.html

我在想，如果這是一個好主意，有我的裝載機（微調）在DIV有NG秀依賴model.errorMessage所以每次有我們隱藏了加載器或類似的錯誤。我還可以直接使用的errorMessage財產，我相信。

只是想看看你的意見，因爲所有在我腦海裏想出來的解決方案似乎都不是很優雅。

Answer 1

如果您實現IViewService，您將能夠在IViewService.Login中訪問模型本身，並可以輸出任何您想要的內容到登錄頁面。

文檔在這裏：https://identityserver.github.io/Documentation/docsv2/advanced/customViewService.html