Question

我正在使用Ionic框架4。我想在输入标签中设置默认值。

这是我的代码：

.ts文件中的

constructor( private route: ActivatedRoute,private router: Router, private sqlite: SQLite, private sqliteDbCopy: SqliteDbCopy) {

  this.PhNumber = this.route.snapshot.paramMap.get('number');

}

在html中：

     <ion-input type="text"  [(ngModel)]="ph_number" value={{PhNumber}}></ion-input>
  <ion-button  size="small" type="submit"  expand="block" (click)="saveChat()">Send Your Message</ion-button>

但是不知道为什么该值未显示在文本字段中。如果我像这样删除ngModel：

 <ion-input type="text"   value={{PhNumber}} ></ion-input>
  <ion-button  size="small" type="submit"  expand="block" (click)="saveChat()">Send Your Message</ion-button>

该值正在显示。我是Ionic的新手，请帮忙。如何使用ngModel显示值。没有ngModel，如何将数据保存到数据库。

我的保存到数据库功能：

msg='';ph_number ='';

saveChat(){

        var status='Outgoing';

        this.sqlite.create({
          name: 'chat_app.db',
          location: 'default'
        }).then( (db: SQLiteObject) => {

          db.executeSql('CREATE TABLE IF NOT EXISTS chat_list_details(id INTEGER PRIMARY KEY AUTOINCREMENT,ph_number VARCHAR(32),status VARCHAR(32),msg TEXT)', [])
          .then(() => console.log('Executed SQL'))
          .catch(e => console.log(e));

          db.executeSql(" INSERT INTO chat_list_details (ph_number,status,msg) VALUES (?,?,?) ", [ this.ph_number,status,this.msg ] ).then(() => console.log('value inserted in SQL'))
          .catch(e => console.log(e));

})

}

Answer 1

您要初始化ph_number吗？当我尝试您的代码时有效 https://stackblitz.com/edit/ionic-4-template-eeataf

Answer 2

这里在工作Example

.html

#include "includes/ft.h"

int    main(int ac, char **av)
{
    int     a;
    int     b;
    char    c;

    (void)ac;
    a = ft_atoi(av[1]);
    b = ft_atoi(av[3]);
    c = av[2][0];
    ft_putnbr(ft_do_op(a, b, c));
}

.ts

<ion-card>
        <ion-input type='ph_number' [(ngModel)]='ph_number'></ion-input>
</ion-card>

Answer 3

尝试这个“”，它将起作用，您如何绑定已经获得的价值。因此在ngModel中使用该变量可以更改该变量的值

离子：输入字段中的值将不会与ngControl一起显示

3 个答案: