Question

我正在尝试将名为$ event的php Laravel对象数组传递给我的应用程序的javascript部分，我遇到了稍后循环结果的问题。

基本上我正在做的是这个

$events = Event::orderBy('id', 'DESC')->orderBy('resolved', 'desc')->get(); //get events
    return View::make('events.index', compact('events')); //pass events to view

然后这是我的观点

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    </head>

    <body>

    <script type="text/javascript">
        var myevents = JSON.parse('<?php echo json_encode($events) ?>');
    </script>


    <div class="col-sm-12" ng-app="myApp2" ng-controller="checkboxController">


            <table class="table" id="keywords" cellspacing="0" cellpadding="0">

                        <tr ng-repeat="event in myevents" >

                    <td> {{event.category}}</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>

                        </tr>
                </div>

            </table>
        </div>
    </div>


    <script src="http://dsproject.dev:8000/js/jquery-1.11.1.min.js"></script>

    <script src="http://dsproject.dev:8000/js/bootstrap.min.js"></script>

    <script src="http://dsproject.dev:8000/js/checkboxes.js"></script>

    </body>
    </html>

这是我的控制器

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

myApp2.controller('checkboxController', ['$scope', function($scope) {


    //var events = [];

   // $scope.some = 'hehehhehehe';
    //events.($scope.event);

    $scope.myevents = myevents;
    console.log($scope.myevents);

    /*$scope.toggle = function(id) {


        alert(id);
    };*/

}]);

我得到的输出只是{{event.category}}，没有任何价值。当我在控制器中执行console.log（myevents）或console.log（$ scope.myevents）时，我得到控制台中显示的对象数组，如下所示

enter image description here

我做错了什么以及如何解决这个问题？

Answer 1

{{curlies正在被laravel解析，你必须改变角度插值。

 myApp2.config(function($interpolateProvider){
        $interpolateProvider.startSymbol('{[{').endSymbol('}]}');
 });

然后使用{[{和}]}作为变量的角度部分。

ng-repeat不是有角度的

1 个答案: