使用ajax加载onsen-ui内容

Question

我刚刚开始在我的phonegap应用程序中使用onsen-ui。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命令来加载列表的内容。谢谢

Answer 1

您是否在模型值更改后使用$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