javascript - 为什么我的 Controller 无法识别 services.js 中定义的这个数组？

Question

脱离了静态数据应该存储为服务而不是存储在 Controller 中的概念，我已将数据从controller.js移动到services.js，但它不再像以前那样显示在ng-repeat中它在 Controller 中。

//services.js

'use strict';

angular.module('myApp.services', [])

.factory('myProperties', function () {

        var myProperties = [
        {
            'name': '3 Bedroom Fixer Upper',
            'city': 'Santa Rosa',
            'state': 'CA',
            'date_added': '2/3/14'
        },
        {
            'name': '2 Bedroom Condo',
            'city': 'Vallejo',
            'state': 'CA',
            'date_added': '4/10/20'
        },
        {
            'name': 'Apartment',
            'city': 'Salt Lake City',
            'state': 'UT',
            'date_added': '2/5/14'
        }
    ];
});

//controller.js

.controller('dashCtrl', function($scope, myProperties) {    

    $scope.myProperties = myProperties;

});

加分:在这里编写单元测试有意义吗？如果是这样，我到底应该测试什么？

Answer 1

我相信您需要从服务返回数组，否则它仍然在服务范围内。

.factory('myProperties', function () {

        var myProperties = [
        {
            'name': '3 Bedroom Fixer Upper',
            'city': 'Santa Rosa',
            'state': 'CA',
            'date_added': '2/3/14'
        },
        {
            'name': '2 Bedroom Condo',
            'city': 'Vallejo',
            'state': 'CA',
            'date_added': '4/10/20'
        },
        {
            'name': 'Apartment',
            'city': 'Salt Lake City',
            'state': 'UT',
            'date_added': '2/5/14'
        }
    ];
    // Return the array here...
    return myProperties
});