博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ionic 4 实现在线查询
阅读量:2241 次
发布时间:2019-05-09

本文共 721 字,大约阅读时间需要 2 分钟。

首先我们需要执行此命令:

npm install @ionic-native/in-app-browser

执行完毕后我们需要导入包:

  1. 需要在app.module.ts里面导入:
// 搜索引擎怡莱import {
InAppBrowser } from '@ionic-native/in-app-browser/ngx';providers: [InAppBrowser,],
  1. 我们需要在我们需要的页面中的ts导入:
import {
InAppBrowser } from '@ionic-native/in-app-browser/ngx';constructor( private iab: InAppBrowser, ) {
}
  1. 我们开始写代码:在我们页面的ts里面写方法:
search: any;  // -------------在线搜图  searchBaidu() {
const url = 'https://www.baidu.com/s?wd=' + this.search; // 这个是我们在输入框输入的时候启用这个 // const url = 'https://www.pexels.com'; // 这个是不需要输入框输入,直接跳入此页面 const browser = this.iab.create(url); browser.show(); }
  1. 在html页中:content中输入

备注:

参照官网:

https://ionicframework.com/docs/native/in-app-browser

转载地址:http://xjebb.baihongyu.com/

你可能感兴趣的文章
Java面试题全集(中)
查看>>
值传递和引用传递
查看>>
什么情况下用+运算符进行字符串连接比调用StringBuilder对象的append方法连接字符串性能更好?
查看>>
怎么根据Comparable方法中的compareTo方法的返回值的正负 判断升序 还是 降序?
查看>>
理解事务的4种隔离级别
查看>>
常用正则匹配符号
查看>>
建议42: 让工具类不可实例化
查看>>
Java 异步机制与同步机制的区别
查看>>
hibernate的对象三种状态说明
查看>>
什么是N+1查询?
查看>>
Spring 接管 Hibernate 配置 延迟加载
查看>>
找出不在预定数组中的自然数
查看>>
String常见面试题
查看>>
直插,快排,堆排,归并排序的分析
查看>>
二叉树的各种操作(面试必备)
查看>>
oracle
查看>>
泛型与通配符详解
查看>>
BaseServiceImpl中的实现关键点
查看>>
Struts2中的session、request、respsonse获取方法
查看>>
如何理解MVC模型
查看>>