javascript - 使用ajax加载onsen-ui内容

我刚刚开始在我的phonegap 应用程序中使用onsen-ui。用户界面工作正常，但我无法更改列表内容统计信息，它会使用 ajax 从服务器加载它。

  module.factory('$data', function() {
  var data = {};

  data.items = [
      { 
          title: 'Item 1 Title',
          label: '4h',
          desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
      },
      { 
          title: 'Another Item Title',
          label: '6h',
          desc: 'Ut enim ad minim veniam.'
      },
      { 
          title: 'Yet Another Item Title',
          label: '1day ago',
          desc: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.'
      }


  ]; 

  return data;

});

我的ajax函数是:

  var request = $.ajax({url: "http://[my-server-address].php",type: "POST",data: {
                     profile-ID : "70",
                     },dataType: "html"});
request.done(function( msg ) {

//用 var msg 做一些事情 }); request.fail(function( jqXHR, textStatus ) {});

我确信它一定很简单，如何使用ajax命令加载列表内容。谢谢

最佳答案

您是否使用 $scope.$apply();模型值改变后？

您似乎正在使用 $.ajax() jQuery ajax 方法。 jQuery Ajax 不会告诉 AngularJS 模型值的变化。

所以我建议:

在 $.ajax() 的成功回调中使用 $http() 代替 $.ajax 或 exec $scope.$apply 或 $rootScope.$apply。

https://docs.angularjs.org/api/ng/service/ $http

这篇文章会对您有所帮助。

Using jQuery's $.ajax within an angularJS controller

关于javascript - 使用ajax加载onsen-ui内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25815374/