コードはPlunkrで動作しますが、エディタから出力するときには使用しません

Question

カスタムフィルタを使用して複数の条件を1つの列にフィルタリングしました。

私はthis plunk

var app = angular.module('main', ['angular.filter']) 

    .filter('filterIns', function() { 

    var obj = {}; 

    return function(list, ins) { 

     var out = []; 

     for (var i = 0; i < list.length; i++) { 

     if (ins.indexOf(list[i].instrument) > -1) { 

      obj = list[i]; 
      out.push(obj); 
     } 
     } 
     if (ins.length === 0) { 
     out = list; 
     } 
     return out; 
    }; 

    }) 
    [...] 

をしたすべてが期待通りに働いています。しかし、このコードを私のlocalhost環境にコピーすると、11行目を参照すると、未定義のオブジェクト（評価された 'list.length'） 'というエラーが発生します。

なぜ完全に動作しているのですか？ Plunkrではlocalhostではなく？誰でも教えてもらえますか？

Answer 1

リストが非同期で読み込まれていますか？明らかに、フィルタが初めて実行されるときは未定義です。したがって、次のように11行目の前に条件を設定してください：

if (!list) { return []; } 
// or 
if (!list) { return undefined; } 
// or even better 
if (!list) { return list; } // this keeps things like 0, undefined or null intact 

あなたは安全でなければなりません。