AngularJS专业/职业/工作/工作建议在文本框中

Question

基本上，我想为我的用户提供职业/职业的建议清单。现在，我可以在我的数据库表中编译所有职业的列表，然后当用户在文本框中键入其职业的前2/3个字母时，将其显示为建议。这里的问题是我不想做所有这些，而是​​使用可以提供职业/职业列表的API。

我可以这样做吗？是否有人使用过任何API？或者有更好的方法吗？

这是我的代码，它使用.csv文件链接并根据用户输入填充建议，但有更好的方法吗？

的index.html

    

 <script>

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

    myApp.factory('Items', ['$http', function($http)
    {
        var Url   = "https://raw.githubusercontent.com/johnlsheridan/occupations/master/occupations.csv";
        //var Url =  "file.csv";
        var Items = $http.get(Url).then(function(response)
        {
            return response.data.split('\n');
        });
        return Items;
    }]);

    myApp.controller("MyCtrl", [ "$scope","Items", function ($scope,Items) {
        $scope.fnamequery = '';
        //$scope.fnames = ["Aida", "Aidan", "Alla", "Allen", "Beverly", "Bea", "Caleb","Catherine","false"];
        Items.then(function(data){
            $scope.fnames = data;

            $scope.fnames.shift();
        });
    }]);

</script>

<div ng-controller="MyCtrl">
    <div class="input-group" style="width: 50%;">
        <input type="text" ng-model="fnamequery">
        <p ng-repeat="fname in fnames | filter:fnamequery track by $index" ng-hide="fnamequery==''">{{fname}}</p> 
    </div>
</div>