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

Javascript angular.js从数据库获取链接,javascript,php,angularjs,laravel,Javascript,Php,Angularjs,Laravel,我使用laravel 5作为后端,angular.js作为前端。应用程序完全由ajax请求驱动 我在我的视图中显示了一些静态链接(总是在任何可见页面上),如下所示: <li ng-repeat="link in links"> {{link.name}} </li> 我建议首先将AngularJS与Laravel中的刀片模板引擎集成在一起。这可以通过称为插值的角度服务轻松完成。 以下是您将如何做到这一点: <script> var customIn

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

我在我的视图中显示了一些静态链接(总是在任何可见页面上),如下所示:

<li ng-repeat="link in links">
    {{link.name}}
</li>
  • 我建议首先将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>
    
    
    var custom插值app=angular.module('custom插值app',[]);
    customInterpolationApp.config(函数($InterpolationProvider){
    $interpolateProvider.startSymbol(“[]”);
    $interpolateProvider.endSymbol(']]');
    });
    customInterpolationApp.controller('DemoController',函数(){
    this.label=“此绑定由[[]插值符号提供。”;
    });
    [[demo.label]]
    
  • 这里是angularjs页面,解释

    这样,AngularJS和刀片模板引擎之间就不会有冲突

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

    <li ng-repeat="link in links">
        {{link.name}}
    </li>
    
    var self=这个; $http.get('您的API链接',函数(数据){ self.links=数据; });


  • 谢谢你的整合,我会看一看。但是如果它能工作,加载它不是更好吗?在php部分,你创建API,在AngularJS部分,你调用API获取结果。是的,但我写道,这些链接将是静态的,用户不必等到ajax出现链接,然后你可以将数据从php传递到js,并在Config中使用。是的,我也尝试了你的方法,但这给我带来了一个错误,因为调用app.config()的速度比在控制器中获取链接的速度要快