【angularjs】Angularjs基础知识及示例汇总-基础

<div class="container" ng-controller="TestCtrl">
  <h2>HTTP请求-方法1</h2>
    <ul>
        <li ng-repeat="x in names">
        {{x.Name}}+{{x.Country}}
        </li>
    </ul>
</div>
<h2>方法2</h2>
  <div ng-controller="TestCtrl2">
     <ul>
        <li ng-repeat="y in info">
            {{y.aid}}+{{y.title}}
        </li>
     </ul>
</div>
<script>
//方法1
      var TestCtrl=function($scope,$http){
         var p=$http({
            method:'GET',
            url:'json/date.json'
         });
         p.success(function(response,status,headers,config){
            $scope.names=response;
         });
         p.error(function(status){
            console.log(status);
         });
      }
      //方法2
      function TestCtrl2($scope,$http){
        $http.get('json/yiqi_article.json').success(function(response){
             $scope.info=response;
        });
      }
</script>

 http://2.liteng.sinaapp.com/angularjsTest/ajax.html

以上所有的code:https://github.com/litengdesign/angularjsTest

实现的demo:http://2.liteng.sinaapp.com/angularjsTest/index.html

至于angularjs的路由（router）和指令（directive）下次本人将单独拿出来讲。

关于Angularjs基础知识及示例汇总的用户互动如下：

　　相关问题：AngularJS的指令 compile和link的区别及使用示例

　　答：如果我想实现这样一个功能，当一个input失去光标焦点时(blur)，执行一些语句，比如当输入用户名后，向后台发ajax请求查询用户名是否已经存在，好有及时的页面相应。 输入 camnpr angularjs directive input focus 失去焦点后提示 camnpr 这个用... >>详细

　　相关问题：学习AngularJS要具备哪些基础？

　　答：学习AngularJS要具备的基础： 1、扎实的JavaScript编程基矗 2、jQuery（并不要求精通，只要求知道其基本原理与使用方法）。 3、任何一种服务端开发技术（比如ASP.NET，PHP，Node.js等等），AngularJS的网络部分学习将会遇到困难。 >>详细

　　相关问题：AngularJS表单实例问题

　　答：加个$scope.reset();代表页面初始化的时候先调用一次去掉的话，只有你点击按钮RESET的时候才会掉用 >>详细