2017-08-14 113 views
0

我正在使用的文件上傳PrimeNG: https://www.primefaces.org/primeng/#/fileupload隱藏上傳按鈕PrimeNG

現在,我有這個enter image description here

但我想有隻「選擇」和「取消」按鈕。 enter image description here

於是就primeNG網站,他們說用showUploadButton="false"

但它不工作。

指的這個帖子: Remove File Upload and Cancel Button from Primefaces p:fileUpload

我想:

<p-fileUpload ... showButtons="false" showCancelButton="true"/> 

然後我試圖

.ui-fileupload-buttonbar .ui-fileupload-upload { 
    display: none; 
} 

沒有什麼工作。 也許是因爲它是指另一個版本。 我使用primeNG 2.0.6版和2.4.0角

回答

0
工作

工作對我來說,唯一的解決辦法是使用CSS來隱藏:

.ui-fileupload-buttonbar button:nth-child(2){ 
    display:none; 
} 
1

你試圖這樣做:

<p:fileUpload ... [showButtons]="false" [showCancelButton]="true"/> 

希望它可以幫助你

+0

NOP,我越來越不能綁定到「showButtons」,因爲它不是「對文件上傳」的已知屬性。 – anais1477

+0

嗯嗯它看起來你notnusing它proprlerly ..所以仔細檢查你如何導入模塊...或者如果它真的p:fileUpload –

+0

噢,我正在使用p-fileUpload。如果我將其更改爲p:fileUpload,則表示「命名空間p未綁定」。 在他們的網站上它是p-fileUpload。我該怎麼辦 ? – anais1477

5

你必須把showUploadButton內一個支架的工作。

<p-fileUpload [showUploadButton]="false"></p-fileUpload> 

Result

編輯:您需要獲取最新版本PrimeNG與角4.工作由於角度推出了4角,PrimeNG還推出PrimeNG V4與角4