Question

从我的桌子节日，地址，我制作JSON的位置：

$festival = Festival::with('address.location')->get();

return Response::json(array('festivals' => $festival))->setCallback(Input::get('callback'));

我正在使用angularJS加载JSON，当我在视图中输入时：

<div ng-repeat="festival in festivals">
    <p>{{festival.address.location.location_latitude}}</p>
    <p>{{festival.address.location.location_longitude}}</p>
</div>

我获得了纬度和经度。

我正在使用sotospez的角度天气预报指令：

https://github.com/sotospez/angular-weather-forecast

所以我可以在我的天气视图中输入例如：

<weather location="36.453153,28.2092523" color="#f2f2f2" apikey="yourapikey"></weather>

我现在的问题是如何在该位置属性中获取我的json的纬度和经度？

这不起作用：

location="{{festival.address.location.location_latitude}},{{festival.address.lo‌cation.location_longitude}}

更新

我在控制台中遇到此错误：

Error: [$parse:lexerr] Lexer Error: Unexpected next character  at columns 19-19 [‌] in expression [festival.address.lo‌cation.location_longitude].

http://errors.angularjs.org/1.2.0-rc.3/$parse/lexerr?p0=Unexpected%20next%2…80%8C%5D&p2=festival.address.lo%E2%80%8C%E2%80%8Bcation.location_longitude

{{festival.address.lo‌cation.location_longitude}}

出错了

现在我收到了错误：

GET https://api.forecast.io/forecast/182c80b516693d7731697710f7e1a807/%7Bfestival.address.location.location_latitude%7D%7D,?callback=angular.callbacks._5 400 (Bad Request)

Answer 1

该指令正在读取链接函数中的location属性，你可以在这里看到https://github.com/sotospez/angular-weather-forecast/blob/master/js/weather.js#L108这意味着它只读取一次值，如果数据不可用，那么你完全没有运气，因为它已经制作好了它的http请求没有数据。

你需要在数据准备好之后将该元素添加到DOM中，我猜你在某处加载数据的ajax请求，所以当时追加那个天气元素

AngularJS和Laravel 4：开发人员的预测（纬度和经度）

1 个答案: