我是Ionic2或Ionic的新手.我设置了一个新项目,并希望在页面底部设计一个小菜单.我没有在这个项目上做任何其他事情,并试图模仿教程视频的步骤.但是当我在按钮上使用icon-only指令时,按钮的背景只会变小一些.背景不会消失.
<ion-content class="bg-image" padding>
</ion-content>
<ion-footer>
<ion-toolbar>
<button ion-button icon-only>
<ion-icon name="home"></ion-icon>
</button>
<button ion-button icon-only>
<ion-icon name="add"></ion-icon>
</button>
</ion-toolbar>
</ion-footer>
Run Code Online (Sandbox Code Playgroud)
这是我的代码.我希望你能帮助我.
我写了一个表格,绑定到一个角度2组件。当我在任何文本输入中按下Enter键时,它将启动绑定到按钮的(单击)事件事件的方法。
这是我按Enter键的文本字段:
<input type="text" class="form-control" name="name" [ngModel]="tutorial.name" #name="ngModel" required>
Run Code Online (Sandbox Code Playgroud)
这是触发的按钮单击方法:
<button class="btn btn-success button-right" (click)="addEasy('')">+</button>
Run Code Online (Sandbox Code Playgroud)
该按钮调用'addEasy()'方法。此方法将新的空元素推送到数组。该数组绑定到一个* ngfor。因此,每当我在第一个文本输入字段中按下回车按钮时,我的* ngFor内就会出现另一个空行。
我真的不知道如何解决这个问题。谢谢你的帮助!