angular.js 从数据库中获取链接

Question

我使用 laravel 5 作为后端，使用 angular.js 作为前端。应用完全由 ajax 请求驱动。

我在我的视图中显示了一些静态链接（它们总是在任何可见的页面上），如下所示：

<li ng-repeat="link in links">
    {{link.name}}
</li>

1. 处理此问题的最佳方法是什么？我的视图名称中不包含 .blade（因为有角度），所以我无法加载这些链接 throw php。
2. 我应该尝试做一些 php 解决方法还是将其加载到 angular throw $http？

3. 如果是 Angular，我应该如何将它放入这个配置函数中？

   app.config(function($routeProvider, $locationProvider) {
     var 链接 = ??; // http 不想在这里工作
     链接.map（功能（项目）{
       $routeProvider.when('/'+item.url, {
         ..
       });
     });
   });
   

Answer 1

1. 我建议首先集成 AngularJS 以与 Laravel 中的刀片模板引擎一起工作。这可以通过称为插值的角度服务轻松完成。 以下是你的制作方法：

   <script>
   var customInterpolationApp = angular.module('customInterpolationApp', []);
   
   customInterpolationApp.config(function($interpolateProvider) {
       $interpolateProvider.startSymbol('[[');
       $interpolateProvider.endSymbol(']]');
   });
   
   customInterpolationApp.controller('DemoController', function() {
       this.label = "This binding is brought you by [[ ]] interpolation symbols.";
   });
   </script>
   
   <div ng-app="App" ng-controller="DemoController as demo">
       [[demo.label]]
   </div>
   

这里是解释$interpolateProvider的angularjs页面

这样你就不会在AngularJS和刀片模板引擎之间产生冲突

1. 你应该用 AngularJS 加载它

2. 您应该将结果附加到自定义 AngularJS 控制器中的 $scope.links。根据步骤 1 中的代码，您可以将 $http 注入匿名 DemoController 函数，然后在控制器内部执行以下操作：

   var self = this; $http.get('YOUR API LINK', function (data) { self.links = 数据； });