粥冰
粥冰
  • 发布:2015-06-04 08:34
  • 更新:2015-06-04 14:15
  • 阅读:2452

angular 数据绑定 与mui.ajax 配合问题

分类:MUI

目前我用angularjs 的ajax获取的数据,可以用angularjs进行数据绑定,而通过mui.ajax 获取的数据却无法进行数据绑定,请帮忙分析一下原因

复制代码<!DOCTYPE html>  
<html ng-app>  
<head>  
    <meta charset="utf-8">  
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
    <title></title>  
    <script src="js/mui.min.js"></script>  
    <script src="js/angular-all.min.js"></script>  
    <link href="css/mui.min.css" rel="stylesheet"/>  
    <script type="text/javascript" charset="utf-8">  
        mui.init();  
    </script>  
</head>  
<body>  
<div ng-controller="TestCtrl">   
sss  
<ul>   
  <li ng-repeat="x in names">  
    {{x.Name}}  
  </li>  
</ul>  
dd  
</div>     
<script>  
      var TestCtrl3=function($scope,$http){  
         var p=$http({   
            method:'get',   
            url:'http://www.w3cschool.cc/try/angularjs/data/Customers_JSON.php',  
         });  
         p.success(function(response,status,headers,config){  
            alert(response[0].Name);  
            $scope.names=response;  
         });  
         p.error(function(status){  
            alert(status);   
          });  
      }  

var  TestCtrl=function($scope,$http) {  

    mui.ajax("http://www.w3cschool.cc/try/angularjs/data/Customers_JSON.php",{  
        data:{   

        },  
        dataType:'json',//服务器返回json格式数据  
        type:'get',//HTTP请求类型  
        timeout:0,//超时时间设置为10秒;  
        success: function(data){  

         alert(data[0].Name);  
          $scope.names=eval(data);  
},   
        error:function(xhr,type,errorThrown){  
            //异常处理;  

        }  
    });  

}  
</script>  
</body>  
</html>
2015-06-04 08:34 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

复制代码$scope.$apply(function(){  
  $scope.names=data;  
});
  • 粥冰 (作者)

    谢谢,angularjs用的少,成功了,thanks

    2015-06-04 15:22

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容