1. ホーム
  2. javascript

[解決済み] TypeError: 未定義のプロパティ 'concat' を読み取ることができません。

2022-02-04 11:54:47

質問

私の問題は、私のプロジェクトを実行すると、次のようなエラーが表示されることです。TypeError: というエラーが表示され、表示されません。

app.js

    var Call24 = angular.module("Call24", ["ngResource", "ngRoute"]).
config(function($routeProvider) {
    $routeProvider.
        when('/', { controller: ListCtrl, templateUrl: 'CycleModal.html' }).
        when('/edit/:editId', { controller: EditCtrl, templateUrl: 'details.html' }).

        otherwise({ redirectTo: '/' });

    Call24.factory('cyclesFactory', function ($resource) {
return $resource('/api/Cycles/:id', { id3: '@id3' }, { update: 'PUT' });
});

 var ListCtrl = function ($scope, $location, data,$http) {

$scope.selectTest = null;
$scope.testTest = [];
 $scope.cycle = [];

$http({
    method: 'GET',
    url: '/api/Cycles/',
    data: { CycleID: 1 }
}).success(function (result) {
    $scope.testTest = result;
});

$scope.search = function() {
    data.query({
        offset: $scope.offset,
        limit: $scope.limit
        },
        function(something) {
            $scope.cycle = $scope.cycle.concat(something);
        });
};
   $scope.search();

$scope.show_more = function() {
    $scope.offset += $scope.limit;
    $scope.search();
};

 $scope.reset = function () {
   $scope.limit = 4;
   $scope.offset = 0;
   $scope.cycle = [];
   $scope.search();
 }
 };

html

サイクル内の週数

                    <div class="col-sm-3">
                        <div class="form-group">
                            <div class="input-group input-group-addon">
                                <label>Cycle number</label>
                                <input ng-model="query" class="form-control" placeholder="search         rep">
                                <!--<div class="input-group-btn">
                                    <button ng-click="reset()" class="btn btn-default"    type="submit"><i class="glyphicon glyphicon-search"></i></button>
                                </div>-->
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-1">
                        <div class="form-group">
                            <div class="input-group input-group-addon">
                                <!--<label>Rep</label>
                                <input ng-model="part" class="form-control" placeholder="search rep">-->
                                <div class="input-group-btn">
                                    <button ng-click="reset()" class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

  <table class="table table-striped table-condensed table-bordered">
    <thead>
    <th>Cycle Id</th>
    <th>Weeks In Cycle</th>
    <th>Cycle Number</th>
    <th>Start Date</th>
    <th>End Date</th>

    </thead>
    <tbody>
        <tr ng-repeat="liss in cycle">
            <td>{{liss.CycleID}}</td>
            <td>{{liss.WeeksInCycle}}</td>
            <td>{{liss.Cycle}}</td>
            <td>{{liss.StartDate}}</td>
            <td>{{liss.EndDate}}</td>

        </tr>
    </tbody>
</table>
<div class="form-actions">

    <button class="btn btn-primary" ng-click="updateSurvey()">
        Ok
    </button>
    <button class="btn btn-danger">
        <a href="#/index.html" style="color: white; text-decoration: none">Cancel</a>
    </button>
</div>

テーブルからリストを表示したいのですが、上に示したようなエラーが出続けます。

どうすればいいですか?

scope.cycleが初期化されていないため。

$scope.cycle = '' or $scope.cycle= [] // as per your requirement