Result

Used to feed back the results of a series of operational tasks.

When To Use#

Use when important operations need to inform the user to process the results and the feedback is more complicated.

import { NzResultModule } from 'ng-zorro-antd/result';

Examples

Successfully Purchased Cloud Server ECS!
Order number: 2017182818828182881 Cloud server configuration takes 1-5 minutes, please wait.

Show successful results.

expand codeexpand code
      Loading...
    
Your operation has been executed

Show processing results.

expand codeexpand code
      Loading...
    
There are some problems with your operation

Show warning.

expand codeexpand code
      Loading...
    
403
Sorry, you are not authorized to access this page.

You are not authorized to access this page.

expand codeexpand code
      Loading...
    
404
Sorry, the page you visited does not exist.

The page you visited does not exist.

expand codeexpand code
      Loading...
    
500
Sorry, there is an error on server.

There is an error on server.

expand codeexpand code
      Loading...
    
Submission Failed
Please check and modify the following information before resubmitting.

The content you submitted has the following error:

Your account has been frozen Thaw immediately >

Your account is not yet eligible to apply Apply immediately >

Complex error feedback.

expand codeexpand code
      Loading...
    
Great, we have done all the operators!

Custom icon.

expand codeexpand code
      Loading...
    

API#

nz-result#

PropertyDescriptionTypeDefault
nzTitletitleTemplateRef<void>string
nzSubTitlesubTitleTemplateRef<void>string
nzStatusresult status, decides icons and colors'success' | 'error' | 'info' | 'warning'| '404' | '403' | '500''info'
nzIconcustom iconTemplateRef<void>string
nzExtraoperating areaTemplateRef<void>string

Counter Parts#

You can use these directives as children of nz-result.

DirectiveDescription
i[nz-result-icon], div[nz-result-icon]custom icon
div[nz-result-title]title
div[nz-result-subtitle]subtitle
div[nz-result-content]contents, for detailed explanations
div[nz-result-extra]extra content, usually an operating area