![](/img/trans.png)
[英]How to import js file and reference in Ionic2 project whit TypeScript
[英]Using a normal JS librarary with Ionic2 + typescript
我正在嘗試在我的ionic2 +打字稿項目中使用camanjs 。
我也看過Mike的Ionic and Typings博客文章 ,但是它顯示了添加一個已經在Typings中的庫
然后,我從josh找到了有關添加使用CDN方法的goole映射的博客文章 。
到目前為止,通過關注這兩個步驟,
通過CDN將camanjs添加到index.html
文件
#index.html
<script src="https://cdnjs.cloudflare.com/ajax/libs/camanjs/4.1.2/caman.full.js"></script>
<script src="cordova.js"></script>
...
以下是我的ts文件
#home.ts
import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
declare var Camanjs: any;
@Component({
templateUrl: 'build/pages/home/home.html'
})
export class HomePage {
constructor(public navCtrl: NavController) {
}
addFilter(){
Camanjs("#image", function(){
this.sinCity();
this.render();
})
}
}
和我的html文件。 (當用戶單擊我要應用過濾器的按鈕時)
#home.html
<ion-header>
<ion-navbar>
<ion-title>
Ionic Blank
</ion-title>
</ion-navbar>
</ion-header>
<ion-content padding>
<button (click)="addFilter()">Filter</button>
<img id='image' src="https://d339b5nop2tkmp.cloudfront.net/uploads/pet_photos/2016/7/13/469479_e76aa_340x340_af1c8.jpg">
</ion-content>
但是當我單擊addFilter()
,出現以下錯誤
browser_adapter.js:84 ReferenceError: Camanjs is not defined
at HomePage.addFilter (home.ts:14)
at DebugAppView._View_HomePage0._handle_click_13_0 (HomePage.template.js:201)
at view.js:375
at dom_renderer.js:254
at dom_events.js:27
at ZoneDelegate.invoke (zone.js:323)
at Object.onInvoke (ng_zone_impl.js:53)
at ZoneDelegate.invoke (zone.js:322)
at Zone.runGuarded (zone.js:230)
at NgZoneImpl.runInnerGuarded (ng_zone_impl.js:86)
但是我沒有通過IDE或在編譯時遇到任何編譯器錯誤😞,我們將不勝感激。
請注意,這是我上一個問題的擴展版本或更詳細的版本
而不是使用Camanjs...
嘗試一下:
Caman('#my-image', function () {
// ...
});
所以更換Camanjs
由剛剛Caman
應該讓你調用該庫中的方法。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.