从angularjs获取服务器的数据

时间:2014-06-30 12:38:19

标签: html angularjs-service

<!doctype html>
<html lang='en'>
    <head>
        <meta charset-"UTF-8">
        <title>devang</title>
        <link rel="stylesheet" href="bootstrap.css">
        <script> src="lib/onsen/js/angular/angular.min.js" </script>
        <script> src="lib/onsen/js/angular/angular.js" </script>
    </head>
    <body>
        <div class="container" ng-app="App">
            <div ng-controller="controller">
                <ul>
                    <li ng-repeat="artist in artists">
                        {{artist.name}}
                    </li>
                </ul>
            </div>
        </div>

        <script>
            angular.module('App',[]).
            controller('controller',function($scope,$http){
                $http.get('artists.json').success(function(data){
                    $scope.artists = data;
                });

            });
        </script>
    </body>
</html>

当我执行它时显示错误

  1. angular未定义
  2. 未声明HTML文档的字符编码。
  3. 如果文档包含US-ASCII范围之外的字符,则文档将在某些浏览器配置中使用乱码文本进行渲染。必须在文档或传输协议中声明页面的字符编码。 需要你的建议

1 个答案:

答案 0 :(得分:1)

您的脚本标记定义不正确。 SRC应该是脚本标记的属性。

<script src="lib/onsen/js/angular/angular.min.js"></script>
<script src="lib/onsen/js/angular/angular.js"></script>