小编Seb*_*dez的帖子

使用离子应用程序内的系统浏览器打开所有链接

我需要在我的应用程序的某个部分内的所有链接在系统浏览器中打开.诀窍是这些链接来自外部源(API),因此我无法添加ng-click帮助我在外部打开链接的功能.

我正在使用应用内浏览器插件(ng-cordova).事实上,我有其他外部打开的链接,但在这种情况下链接可以在内容的任何部分,所以我的问题是如何在加载后将ng-click指令添加到所有链接?或者如果可能,如何配置应用程序内浏览器插件以打开系统浏览器中的所有链接?

顺便说一句,简单的链接即使在inappbrowser中也不会打开:我点击它们没有任何反应.

谢谢您的帮助

angularjs cordova inappbrowser ionic-framework

15
推荐指数
1
解决办法
1万
查看次数

强制图像适合并保持纵横比

我想要一个图像来填充其容器宽度的100%,我希望它设置一个max-heigth属性,所有这些都保持纵横比但允许丢失图像的任何部分.

img {
   max-height:200px;
   width:100%;
}
Run Code Online (Sandbox Code Playgroud)

我知道可以用background-size属性做类似的事情,但我想把它变成内联<img>标签.

我怎么能用CSS实现这个目标呢?还是javascript?

html css css3

11
推荐指数
1
解决办法
3万
查看次数

如何获取angular2组件的父DOM元素引用

我需要访问父DOM元素的一些属性,其中包含我想要获取信息的组件,有没有办法做这样的事情?

以下是我的组件的样子:

import { Component, Input } from "@angular/core";

import "./loadingSpinner.component.css!";

    @Component({
        selector: "loading-spinner",
        template: `
            <div *ngIf="showSpinner" class="loader-directive-wrapper">
                <div class="loader"></div>
            </div>`
    })
    export class LoadingSpinnerComponent {
        @Input() public showSpinner: boolean = false;
    } 
Run Code Online (Sandbox Code Playgroud)

dom angular2-components angular

6
推荐指数
1
解决办法
1万
查看次数

嵌套的React路由器4路由无法在Webpack 3上运行

由于小提示我不能得到像这样的路线

<Route path="/events/:id" component={EventDetailRoute} />
Run Code Online (Sandbox Code Playgroud)

工作,因为我读过似乎是index.html中的bundle必须是绝对的,但是我使用的是HtmlWebpackPlugin,所以bundle被注入一个相对路径.

我试图为webpack设置输出配置如下:

output: {
    path: path.resolve('dist'),
    filename: 'index_bundle.js',
    publicPath: '/'
},
Run Code Online (Sandbox Code Playgroud)

但这也不起作用.

如果我尝试这条路线:http:// localhost:8080/events/7,我在尝试查找http:// localhost:8080/events/index_bundle.js收到404错误

这是我的webpack.config:

const path = require('path'),
    HtmlWebpackPlugin = require('html-webpack-plugin'),
    webpack = require('webpack');

const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
    template: './src/index.html',
    filename: 'index.html',
    inject: 'body'
})

module.exports = {
    entry: './src/index.js',
    output: {
        path: "/" + path.resolve('dist', 'build'),
        filename: 'index_bundle.js',
        publicPath: '/'
    },
    devServer: {
        historyApiFallback: true,
        hot: true,
        publicPath: '/'
    },
    module: { …
Run Code Online (Sandbox Code Playgroud)

webpack react-router webpack-dev-server html-webpack-plugin

4
推荐指数
1
解决办法
2024
查看次数

更改 Chart.js 图表的背景透明度

我正在使用angular-charts.js中包含的 Chart.js在 Ionic 框架应用程序中创建条形图。

我想让酒吧背景完全不透明。

这是我必须创建图表的代码。

<canvas id="bar" class="chart chart-bar" data="data" labels="labels" legend="true" series="series" options="{showTooltips: false}" colours="[ '#ffff00',    '#0066ff']"></canvas>
Run Code Online (Sandbox Code Playgroud)

知道我该如何实现这一目标吗?

多谢!

ionic-framework chart.js angular-chart

3
推荐指数
1
解决办法
3万
查看次数

向algolia搜索发送多个词

我正在我的网站中实现algolia搜索,我希望得到一组数据匹配我发送到搜索的任何ID,所以我需要知道如何向搜索发送多个参数,所以我可以发送一组ids,像这样:

let client = algoliasearch(APP_ID, API_KEY),
    index = client.initIndex(INDEX_NAME);

let term=["3223212","2423434"];
    index.search(term, callback)
Run Code Online (Sandbox Code Playgroud)

这个现在不行,有什么想法吗?甚至如何使用像过滤这样的另一个algolia feautre来实现我的目标?

algolia

2
推荐指数
1
解决办法
115
查看次数