Javascript 角度过滤器：“return\u0.filter”在JSFIDLE中工作，但在应用程序中不工作

这里的代码在JSFIDLE中非常有效：

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

app.filter('termsFilter', termsFilter);

function termsFilter(){
function parseString(input){

 // console.log('input', input);

    return input.split(",");
}


function findIndex(valueToSearch, theArray, currentIndex) {

 // console.log('currentIndex', currentIndex);

    if (typeof(currentIndex) === 'undefined') currentIndex = '';

 // console.log('targetArray', theArray);   

    if(Array.isArray(theArray)) {

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

// console.log('is theArray[' + i + ']', theArray[i]);            
               if (theArray[i].title == valueToSearch) {
                   console.log('found one');
                   return true;
               }
            }
            return false;
    } 
}



return function (array, propertyString, target){
    if(target && typeof(target) !== 'undefined'){
        target = parseString(target);     
    }

  // console.log('target:' ,target);

    return _.filter(array, function(item){

       if(!target || typeof(target) === 'undefined'){
           return true;
       }

       var targetArray = item.terms[propertyString];
       var returnStatus = false; 

       angular.forEach(target, function(value, key){


 // console.log('=======================================');
 // console.log('item:' ,item);
 // console.log('value:' ,value);
 // console.log('---------------------------------------');


           if(findIndex(value, targetArray)) {
                returnStatus = true; 
           }

       });

 // console.log('item:' + item.id ,returnStatus); 

        return returnStatus;

    });
};


}


 app.controller("ctrl", function cntrl($scope){     
$scope.data = [  
    {
      "id": 194,
      "terms": {
        "cats": [
          {
            "id": 6,
            "title": "Refrigerated"
          }
        ],
        "diet": [
          {
            "id": 2,
            "title": "Non-GMO"
          },
          {
            "id": 1,
            "title": "Organic"
          }
        ]
      }
    },
    {
      "id": 195,
      "terms": {
        "cats": [
          {
            "id": 6,
            "title": "Grocery"
          }
        ],
        "diet": [
          {
            "id": 1,
            "title": "Vegan"
          }
        ]
      },
    },
    {
      "id": 196,
      "terms": {
        "cats": [
          {
            "id": 6,
            "title": "Grocery"
          }
        ],
        "diet": [
          {
            "id": 2,
            "title": "Non-GMO"
          },
          {
            "id": 1,
            "title": "Organic"
          },
          {
            "id": 9,
            "title": "Vegan"
          }
        ]
      },
    },
    {
      "id": 197,
      "terms": {
        "cats": [
          {
            "id": 6,
            "title": "Fresh"
          }
        ],
        "diet": [
          {
            "id": 1,
            "title": "Organic"
          }
        ]
      },
    }

];

});

请告诉我：这是什么。请参阅，我如何修复代码以在我的应用程序中工作

你的小提琴输入下划线.js

你的项目也应该如此

当您查看JSFIDLE时，左侧有一个外部资源部分引用了它

ReferenceError: _ is not defined 

_用于调用下划线.js函数

在小提琴中，外部资源中有下划线.js

因此，您需要将其导入到您自己的本地项目中

---

您可以从这里下载它

\通常指现在的下划线.js。您是否在本地项目中导入了下划线.js库？在本例中，它肯定是下划线。如果您在JSFIDLE上检查“外部资源”，它就在那里。你需要包括下划线。@SoluableNonagon它也可以指lodash。@JLRishe，是的，但lodash实际上只是一个下划线叉。Levi，我从上一个小提琴叉起，没有仔细查看外部资源。SoluableNonagon也是正确的，但是Levi的答案读起来更好，并且包含了指向我所需资源的链接。干杯

ReferenceError: _ is not defined