美文网首页
运行第一个angular应用遇到的坑

运行第一个angular应用遇到的坑

作者: KavinDotG | 来源:发表于2017-07-27 10:28 被阅读0次
    今天尝试了学习http://www.runoob.com/angularjs/angularjs-tables.html
    里边的http.get( )遇到了很多坑,主要是面临跨域的问题:但解决办法没有实现,今天能成功是靠着放在本地实现的
    首先在jsp页面设置basePath 这个是json文件的地址。
    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/resources/ajax/test.json";
    %>
    
    然后将basePath放在<script>脚本当中即可:
    一定得放在单引号当中,否则出错。
    <div ng-app="myApp" ng-controller="customersCtrl">
    
    <table>
      <tr ng-repeat="x in names">
        <td>{{ x.title }}</td>
        <td>{{ x.url }}</td>
        <td>{{ x.abs }}</td>
      </tr>
    </table>
    
    </div>
    
    <script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl',function($scope, $http) {
        $http.get('**<%=basePath%>**')
        .then(function (result) {
                console.log(result.data);
            $scope.names = result.data.feed.entry;
        });
    });
    </script>
    

    相关文章

      网友评论

          本文标题:运行第一个angular应用遇到的坑

          本文链接:https://www.haomeiwen.com/subject/jdxzkxtx.html