小编Chr*_*ler的帖子

Ionic 2:在浏览器中使用NativeStorage

Ionic 2有一个适用于iOS和Android的Native Storage组件:https: //ionicframework.com/docs/v2/native/nativestorage/

在repo的自述文件(https://github.com/TheCocoaProject/cordova-plugin-nativestorage)中说有浏览器环境支持(它使用浏览器的LocalStorage).

我尝试使用它,但是当我在浏览器中运行Ionic(离子服务器)时,浏览器输出如下内容:

main.js:224 Native:尝试调用NativeStorage.setItem,但Cordova不可用.确保包含cordova.js或在设备/模拟器中运行

在浏览器环境中,不会注入cordova.只要cordova.js仅用于与设备的API集成,这就会产生意义.

任何人都知道是否可以在浏览器中使用此插件?

cordova ionic-framework cordova-plugins ionic2 cordova-nativestorage

5
推荐指数
1
解决办法
2306
查看次数

使用 Typescript 在 VueJS2 项目中使用 Jest 进行测试

我设置了一个 VueJS 2 项目,并尝试在其中设置 TypeScript。我正在努力设置我的笑话测试。

我的 ts 组件:

<template>
    <div>some template<div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
    
});
</script>
Run Code Online (Sandbox Code Playgroud)

服务/构建工作正常。但我的规格文件(虚拟的,一个 component.spec.ts):

import { shallowMount} from '@vue/test-utils';
//@ts-ignore
import Form from "@/MyComponent";

describe("Solicitacao Form component", () => {

    let wrapper: any;
  
    beforeEach(() => {
        wrapper = shallowMount(Form, {
        });
    })
    test('Component created', () => {
        expect(wrapper).toBeDefined();
    })

})
Run Code Online (Sandbox Code Playgroud)

它总是抛出

测试套件无法运行 Jest 遇到意外标记 这通常意味着您正在尝试导入 Jest 无法解析的文件,例如,它不是纯 JavaScript。

我的 jest.config.js 文件

module.exports = {
    preset: "@vue/cli-plugin-unit-jest/presets/typescript-and-babel",
    //testEnvironment: 'node',
    setupFiles: …
Run Code Online (Sandbox Code Playgroud)

typescript vue.js jestjs vuejs2

5
推荐指数
1
解决办法
3024
查看次数

Ionic:获取ionicScroll onScroll事件

我发现这个线程告诉我们如何获取ionicScroll的scroll事件:

http://forum.ionicframework.com/t/ionicscrolldelegate-doesnt-have-a-onscroll-event/19497

$ionicScrollDelegate.getScrollView().onScroll = function () {
    console.log($ionicScrollDelegate.getScrollPosition());
};
Run Code Online (Sandbox Code Playgroud)

但这不起作用.官方文档对此没有任何意义.任何线索?

javascript angularjs ionic-framework ionic

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

从提交和标记生成变更日志

我正在尝试生成项目的变更日志(bitbucket.org中的仓库),但是找不到简单的解决方案。我们正在使用这种模式

(<type>(<scope>): <subject>)
Run Code Online (Sandbox Code Playgroud)

填充提交消息,并标记版本(0.1、0.2、0.3)。

有什么现成的东西(某些脚本,npm包等),或者我能做的最好的事情就是使用git log编写一些自定义脚本并解析数据(提交消息等)。 ?

我知道有一个github-changelog-creator,但是只要这个仓库在一个bitbucket仓库中,我就不能使用。

git changelog bitbucket

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

Angular 2(Ionic 2):拦截ajax请求

使用Angular 1.x可以使用以下代码拦截所有ajax请求:

$httpProvider.interceptors.push('interceptRequests');
...
var app_services = angular.module('app.services', []);
   app_services.factory('interceptRequests', [function () {
   var authInterceptorServiceFactory = {};
   var _request = function (config) {
   //do something here
   };
   var _responseError = function (rejection) {
   //do something here
   }
   authInterceptorServiceFactory.request = _request;
   authInterceptorServiceFactory.responseError = _responseError;
   return authInterceptorServiceFactory;
}]);
Run Code Online (Sandbox Code Playgroud)

Angular 2中是否有类似的(或开箱即用的)?

javascript angularjs ionic-framework ionic2 angular

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

通过Angular2模板引用传递变量

假设我有一个名为isVisible的变量.我有一个叫做的方法

ReverseVariable(variable: boolean)
{
   variable = !variable;
}
Run Code Online (Sandbox Code Playgroud)

我想从像这样的模板中调用这个方法

<button (click)="ReverseVariable(isVisible)"></button>
Run Code Online (Sandbox Code Playgroud)

我想在参数中给它isVisible并且让isVisible反转自己.类似以下示例的东西不是一个选项

ReverseVisibility()
{
  this.isVisible = !this.isVisible;
}
Run Code Online (Sandbox Code Playgroud)

有没有办法可以通过引用传递变量?

javascript

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