Typescriptの配列に "push（）"を入力します

Question

次のコードを使用して、見つかったすべてのデバイスに対してアレイにデバイスを追加するBluetoothデバイスをスキャンします。

devices: Observable<Array<string>>; 

bluetoothAdd() { 
    this.isScanning = true; 
    var plusIcon = this.page.getViewById("add"); 
    plusIcon.style.opacity = 0; 

    var self = this; 
    bluetooth.hasCoarseLocationPermission().then(
     function (granted) { 
      if (!granted) { 
       bluetooth.requestCoarseLocationPermission(); 
      } else { 
       bluetooth.startScanning({ 
        serviceUUIDs: ["133d"], 
        seconds: 4, 
        onDiscovered: function (peripheral) { 
         console.log("Periperhal found with UUID: " + peripheral.UUID); 
         this.devices.push(peripheral); // <- Problem Line 
        } 
       }).then(function() { 
        console.log("scanning complete"); 
        self.isScanning = false; 
        plusIcon.style.opacity = 1; 
       }, function (err) { 
        console.log("error while scanning: " + err); 
       }); 
       this.isScanning = false; 
      } 
     }); 
} 

しかし、このコードは、次のエラーがスローされます。

JavaScript error: file:///app/Pages/Home/home.component.js:99:37: JS ERROR TypeError: undefined is not an object (evaluating 'this.devices.push')

私は活字体で働いていますが、私はプッシュ機能は、JSの事を知っています。私がTypescriptでこれをどうやって行うのか分かりません - どうしたのですか？

Answer 1

これはTypeScriptとは関係ありません。それはの普通のJavascriptの規則です。です。

問題あなたの代わりにクラスのonDiscoveredに与える機能をこのポイント。

あなたが定義した自己変数を使用するかのように、代わりに矢印の機能を使用するようにコードを書き換えることにより、それを修正することができます：

devices: Observable<Array<string>>; 

bluetoothAdd() { 
    this.isScanning = true; 
    var plusIcon = this.page.getViewById("add"); 
    plusIcon.style.opacity = 0; 


    bluetooth.hasCoarseLocationPermission().then(
     (granted) => { 
      if (!granted) { 
       bluetooth.requestCoarseLocationPermission(); 
      } else { 
       bluetooth.startScanning({ 
        serviceUUIDs: ["133d"], 
        seconds: 4, 
        onDiscovered: (peripheral) => { 
         console.log("Periperhal found with UUID: " + peripheral.UUID); 
         this.devices.push(peripheral); // <- Problem Line 
        } 
       }).then(() => { 
        console.log("scanning complete"); 
        this.isScanning = false; 
        plusIcon.style.opacity = 1; 
       }, (err) => { 
        console.log("error while scanning: " + err); 
       }); 
       this.isScanning = false; 
      } 
     }); 
} 

をまた、Bhabishyaはのタイプを指摘したようにデバイスはObservableです。その型にはプッシュメソッドが定義されていません。代わりにはのデバイスの配列を放出することができます。

配列が必要な場合は、デバイスも、Observable of arrayの配列ではなく、文字列の配列に変更する必要があります。

devices: Array<string>; 

また、初期化する必要があります。

devices: Array<string> = []; 

Answer 2

デバイスの定義は、配列devices: Observable<Array<string>>のObservableであり、配列devices: Array<string>ではなく、push（）関数を呼び出すことができます。