2017-02-11 4 views
0

Ich versuche ein Modal (Komponente mit Ansicht) zu öffnen und möchte, dass es eine Schließen-Schaltfläche in der Aktionsleiste oben hat.ActionBar wird nicht auf NativeScript angezeigt. Angular 2 modal

Gibt es etwas, das ich in meiner modalen Seitenansicht fehlt, damit die Aktionsleiste nicht angezeigt wird? Ich bin mir nicht sicher, ob es bedeckt ist oder nicht? Ich habe auch die Optionen wie „Vollbild: true“ an die modale weitergegeben werden

Hier ist der Ansicht Markup

<StackLayout> 

<ActionBar title="Add a new beer"> 

    <ActionItem 
     (tap)="close('OK')" 
     text="Close" 
     ios.position="left" 
     android.position="left"> 
    </ActionItem> 

</ActionBar> 

// Beer name 
<Label class="beer_information_label" text="What's the name of the beer?"></Label> 
<TextField hint="Enter the beer's name'" [(ngModel)]="beer.name" autocorrect="false" text="" autocapitalizationType="words" row="2" col="1"></TextField> 

// Label image 
<Label class="beer_information_label" text="Label image"></Label> 

// Beer Type 
<Label class="beer_information_label" text="Beer type"></Label> 
<TextField hint="Beer type" autocorrect="true" text="" autocapitalizationType="words" row="2" col="1"></TextField> 

// Beer Rating 
<Label class="beer_information_label" text="Rating"></Label> 
<Button class="btn btn-primary btn-active" text="Set Beer Rating" (tap)="setBeerRating()"></Button> 

// Beer Description 
<Label class="beer_information_label" text="Beer Description"></Label> 
<TextField hint="Enter Beer Description" autocorrect="false" text="" autocapitalizationType="allCharacters" row="2" col="1"></TextField> 

// Beer Glassware 
<Label class="beer_information_label" text="Beer type"></Label> 
<TextField hint="Enter Beer Glassware" autocorrect="false" text="" autocapitalizationType="words" row="2" col="1"></TextField> 

<Button class="btn btn-primary btn-active" text="Submit this new beer" (tap)="submitNewBeertoFirebase()"></Button> 

</StackLayout> 

Antwort

0

Es gibt Möglichkeiten, dass die Arbeit auf einem nativen iOS-App zu machen, aber ich weiß nicht denke, das NativeScript ActionBar unterstützt es noch. Sie können es wahrscheinlich durch direkten Zugriff auf den nativen iOS-Code erreichen, aber das ist alles andere als ideal.

Bitte melden Sie in dieser Ausgabe: https://github.com/NativeScript/NativeScript/issues/1130

+1

danke ich fragte mich, ob das der Fall ist. Ich denke auch, dass ich Ihr Firebase-Plugin verwende ;-) –

0

Wenn Sie diese schließen wollen modal versuchen -

close(args){ 
this.page.closeModal(); 
} 

Sie haben modal zu schließen in der Funktion geöffnet wird call.If Sie weiter fragen Hilfe brauchen.

+0

Ich mache das für den Callback beim Senden des Bildschirms, aber ich möchte, dass der Benutzer es über die Aktionsleiste auch in der Benutzeroberfläche schließen kann. –

+0

Sie können das Modell bei jedem Tippen Ereignis auf der Seite schließen, wie ich eine Funktion gegeben habe. Können Sie erklären, was Sie versucht haben – Dlucidone

+0

wollte es auf der Aktionsleiste Ich habe es bereits funktioniert überall sonst. Trotzdem danke –