這篇文章將為大家詳細講解有關ng-alain的sf實現自定義部件的流程方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

為企業(yè)提供成都網站建設、網站設計、網站優(yōu)化、營銷型網站建設、競價托管、品牌運營等營銷獲客服務。創(chuàng)新互聯(lián)公司擁有網絡營銷運營團隊，以豐富的互聯(lián)網營銷經驗助力企業(yè)精準獲客，真正落地解決中小企業(yè)營銷獲客難題，做到“讓獲客更簡單”。自創(chuàng)立至今，成功用技術實力解決了企業(yè)“網站建設、網絡品牌塑造、網絡營銷”三大難題，同時降低了營銷成本，提高了有效客戶轉化率，獲得了眾多企業(yè)客戶的高度認可！

一、背景

最近使用ng-alain做前端，sf的部件很豐富，但是做起來之后就會發(fā)現，多多少少會有一些不符合需求的東西，比如：

這是一個string的部件，后邊跟上一個單位看著很不錯，但是我們通常在使用number時會更需要這個單位，然而官方的部件并沒有
再比如：

我想做一個編輯框，要求內容不可編輯，并且該內容要從別的列表進行選擇，下拉選擇可以滿足需求，但是如果內容太多，有時就不方便使用下拉框了，那么這時候我們就需要自定義

二、自定義ng-alain部件的流程

1、組件的整體結構

2、首先，組件click-input.component.html，自定義組件要包在sf-item-wrap特殊標簽里面

<sf-item-wrap [id]="id" [schema]="schema" [ui]="ui" [showError]="showError" [error]="error" [showTitle]="schema.title">
 <!-- 開始自定義控件區(qū)域 -->
 <div nz-row>
  <div nz-col nzSpan="16"><input type="text" [placeholder]="placeholder" nz-input [(ngModel)]="content" [disabled]="inputDisable" (ngModelChange)="onChange()"></div>
  <div nz-col nzSpan="2" nzPush="2"></div>
  <div nz-col nzSpan="6"><button nz-button type="button" nzType="primary" (click)="test()" >{{btnTitle}}</button></div>
 </div>
 <!-- 結束自定義控件區(qū)域 -->
</sf-item-wrap>

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章題目：ng-alain的sf實現自定義部件的流程方法-創(chuàng)新互聯(lián)
轉載源于：http://chinadenli.net/article4/iipie.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、關鍵詞優(yōu)化、搜索引擎優(yōu)化、標簽優(yōu)化、網站排名、外貿建站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)