2016-01-19 33 views
5

में तीसरे पक्ष की लाइब्रेरी (parse.com) का उपयोग करें मैं कोणीय 2 सीख रहा हूं और मैंने पहले से ही अंडेहेड के ट्यूटोरियल का पालन किया है, लेकिन मैं कोणीय से संबंधित सब कुछ के लिए काफी नया हूं।कोणीय 2

अब मैं और अधिक उन्नत कुछ करना और कोणीय 2. साथ Parse.com का उपयोग कर आम तौर पर मैं <script src="//www.parsecdn.com/js/parse-1.6.2.min.js"></script> के माध्यम से index.html पृष्ठ में parse.com पुस्तकालय भी शामिल होगा शुरू करना चाहते हैं, लेकिन मैं कोणीय के माध्यम से एक ParseService लिखना चाहते हैं 2 कि मैं बैकएंड का प्रबंधन करने के लिए उपयोग कर सकते हैं।

मुझे लगता है कि मैं जिस सेवा में लिखना चाहता हूं उसमें पार्स शामिल करना और उपयोग करना नहीं है। यह एक बहुत ही बुनियादी कोड है जिसे मैं आयात का परीक्षण करने के लिए उपयोग करना चाहता हूं।

import {Injectable} from 'angular2/core'; 
import {Parse} from '.../...'; // <-- This is what I want to do 

@Injectable() 
export class ParseService { 
    constructor() { 
     console.log('Creating ParseService'); 

     Parse.initialize('', ''); 
    } 
} 

मुझे पार्स समेत पृष्ठ के शीर्ष पर किसी प्रकार का आयात चाहिए, लेकिन मुझे आवश्यक पुस्तकालय कहां से प्राप्त करना चाहिए? मैंने पहले से ही npm के माध्यम से प्रयास किया है लेकिन सफलता के बिना। किसी ने पहले ही यह कोशिश की है? - आप जिसमें पार्स फ़ोल्डर निर्दिष्ट करने की आवश्यकता

npm install parse 

उसके बाद, आप सही तरीके से आपके आयात में इसे संदर्भ की जरूरत है:

+0

क्या आपको पता चला कि "आयात {Parse} से '.../...'; // <- यही वह है जो मैं करना चाहता हूं"? मैं वहां भी अटक गया हूँ। – Sam

+0

मेरे उत्तर पर एक नज़र डालें, आप स्क्रिप्ट सीडीएन गलत हैं, अगर आप इसे अपडेट करते हैं तो मैं एक डेमो – Aravind

उत्तर

-1

आप क्या करने की जरूरत है, तो आप के साथ पार्स पुस्तकालय डाउनलोड करने की आवश्यकता है .js फ़ाइल पर रखा गया है।

+0

बनाउंगा, यह जवाब नहीं देता है कि आप एंजुलर 2 में पार्स कैसे आयात करते हैं @ThijsM के रूप में "आयात {Parse}" '.../...'; // <- यही वह है जो मैं करना चाहता हूं " – Sam

3

uksz सही था। आप पहली बार में अधिक जानकारी के लिए इस लिंक पर https://forum.ionicframework.com/t/how-to-require-xyz-in-ionic2-angular2/42042

यह आशा है कि देखो के लिए

import {Parse} from 'parse'; 

लिखकर आदेश

npm install --save parse 

द्वारा घटक स्थापित करने के लिए उसके बाद आप किसी अन्य घटक के रूप में आयात कर सकते हैं मदद करता है,)

UPDATED

बुद्धि एच कोणीय के नए संस्करण इस दृष्टिकोण को काम करने के लिए बंद कर दिया। यहाँ कदम से मेरी नई कदम है: कैसे Angular2 में पार्स पुस्तकालय का उपयोग करने के

  1. परियोजना के लिए पार्स घटक स्थापित

    npm install parse --save 
    
  2. स्थापित पार्स प्रकार

    npm install @types/parse --save 
    
  3. आयात पार्स मॉड्यूल

    const Parse: any = require('parse'); 
    
  4. उपयोग पार्स मॉड्यूल

    Parse.initialize("key"); 
    ... 
    

IntelliSense के साथ का आनंद लें;)

0

आप ऐसा कर सकते हैं Angular2

में OpaqueToken का उपयोग करके।एक टोकन बनाएं जो एक अलग टीएस फ़ाइल में नीचे एक उदाहरण खोजने के लिए प्रयोग किया जाता है।

import { OpaqueToken } from '@angular/core' 

export let name_of_The_Token = new OpaqueToken('name_Of_The_Window_Object'); 

2. अपने App.module में, आप आयात करने की जरूरत है और एक चर जो इतना है कि आप उपयोग कर सकते हैं एक angular2 सेवा के रूप में टोकन बनाता है अपने विंडो ऑब्जेक्ट का नाम है कि घोषित गुण, आपके घटकों में उस जावास्क्रिप्ट फ़ाइल में विधियां।

import { name_of_The_Token } from '/* file_Path */'; 
declare let name_Of_The_Window_Object : any; //below your import statements 

चरण 3: इंजेक्षन इसे अपने मॉड्यूल के प्रदाताओं सरणी के लिए।

{ provide : name_of_The_Token , useValue : name_Of_The_Window_Object } 

मार्गदर्शन घटकों

  1. आयात किसी भी अन्य सेवाओं और @Inject कोणीय कोर

    import { name_of_The_Token } from '/* file_Path */'; 
    import { Inject } from '@angular/core'; 
    
  2. से घटक

    के निर्माता में तरह टोकन में इस टोकन का उपयोग करना
    constructor(@Inject(name_of_The_Token) private _serviceObject : any)  
    
  3. किसी भी जहां अपने घटक में आप चर और अपने जावास्क्रिप्ट फ़ाइल के तरीके के रूप में

    this._serviceObject.method1() 
    this._serviceObject.variable1 
    ..... 
    

नोट उपयोग कर सकते हैं: एक दोष यह है कि आप IntelliSense नहीं मिलेगा है।

export interface myCustom { 
     method1(args): return_Type; 
     method2(args): void; 
     ..... 
    } 
के रूप में अपने टोकन के (किसी भी के बजाय) आप देख रहे हैं IntelliSense आप करने की जरूरत है एक अंतरफलक अंदर तरीकों और चर लपेट और प्रकार में उपयोग के लिए ** **:

यह काबू