小编Ani*_*rma的帖子

在ng-repeat中使用ng-if?

我正在开发Angular应用程序.我尝试使用ng-if并在ng-repeat内切换,但没有成功.我有以下数据:

   **[{"_id":"52fb84fac6b93c152d8b4569",
       "post_id":"52fb84fac6b93c152d8b4567",
       "user_id":"52df9ab5c6b93c8e2a8b4567",
       "type":"hoot",},  
      {"_id":"52fb798cc6b93c74298b4568",
       "post_id":"52fb798cc6b93c74298b4567",
       "user_id":"52df9ab5c6b93c8e2a8b4567",
       "type":"story",},        
      {"_id":"52fb7977c6b93c5c2c8b456b",
       "post_id":"52fb7977c6b93c5c2c8b456a",
       "user_id":"52df9ab5c6b93c8e2a8b4567",
       "type":"article",},**
Run Code Online (Sandbox Code Playgroud)

$ scope.comments =上面提到的数据
和我的Html一样:

   <div ng-repeat = "data in comments">
      <div ng-if="hoot == data.type">
          //differnt template with hoot data
       </div>
      <div ng-if="story == data.type">
          //differnt template with story data
       </div>
       <div ng-if="article == data.type">
          //differnt template with article data
       </div> 
   </div>
Run Code Online (Sandbox Code Playgroud)

我怎样才能在Angular中实现这个功能?

dom angularjs laravel-4 angularjs-ng-repeat angularjs-ng-if

67
推荐指数
3
解决办法
17万
查看次数

在页面加载后进行Ajax调用

我们如何在页面加载后进行ajax调用.

我需要在加载10秒文档后进行ajax调用.

function loadajax(){
  $.ajax({ 
    url:'test',
    data:"username=test",
    type:"post",
    success:function(){
     //do action
    }
  });
}
 $('document').load(function(){
setTimeout(function(){
   loadajax();
 },10000);

});
Run Code Online (Sandbox Code Playgroud)

我是这样做的.但没有成功.

ajax jquery timeout settimeout

12
推荐指数
2
解决办法
3万
查看次数

使用$ timeout刷新每x时间的范围

我是棱角分明的新手.我想在几分钟后使用$ timeout of angular来刷新范围.我正在开发一个社交应用程序,我需要在几分钟后刷新通知范围.使用服务从http请求获取通知.

JS:

App.factory('MyService' ,function($scope,$timeout){
return{
 notification:return function(callback){
      $timeout(function(){
       $http.get("notification/get").success(callback)
      },100000);


}
}); 

function Controller($scope,MyService){

 MyService.notification(function(result){
  $scope.notification =data;
 });
Run Code Online (Sandbox Code Playgroud)

}

现在我怎么能在几分钟后做出http请求,1分钟后刷新通知范围.我尝试使用$ timeout但事情并不顺利.

timeout angularjs angularjs-scope

11
推荐指数
1
解决办法
2万
查看次数

将多个数组返回到Response :: json laravel?

我们如何在json中返回多个数组.假设我们在Laravel eloquent中得到以下响应:

$user= User::all();
$post= Post::all();
$comment= Comment:all();
Run Code Online (Sandbox Code Playgroud)

现在我想在json中返回包含这些数据的响应:

Response::json(array('user'=>$user,'post'=>$post,'comment'=>$comment));
Run Code Online (Sandbox Code Playgroud)

使用上面的方法返回空值.任何帮助,将不胜感激

对不起大家.我找到了解决方案.我传递的数据已经是对象形式.因此我需要将其转换为数组然后传递它.

$user= User::all()->toArray();
$post= Post::all()->toArray();
$comment= Comment:all()->toArray();
Run Code Online (Sandbox Code Playgroud)

现在它会工作!

php arrays json laravel-4

5
推荐指数
1
解决办法
3万
查看次数

如何使用AngularJS模板的砌体?

你好,我想用石工AngularJS.我想在容器中从左到右调整div.根据他们的文档,我们可以简单地使用它

<div class="js-masonry" data-masonry-options='{ "itemSelector": ".item", "columnWidth": 200 }'>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我在Angular中使用过这个

<div class="js-masonry" data-masonry-options='{ "itemSelector": "#masonry", "columnWidth": 200 }'>
     <div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
     <div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
     <div id="masonry" class="ng-scope" ng-repeat="comment in comments.data" style="position: absolute; left: 0px; top: 0px;">
</div>
Run Code Online (Sandbox Code Playgroud)

我希望这些div从左到右自动调整(simliar到Isotope的砌体效果).第一次使用这个.任何帮助,将不胜感激.

html css jquery-masonry angularjs

5
推荐指数
1
解决办法
1594
查看次数

在 API 端使用 Ionic 和 Laravel 进行实时聊天

我正在开发一些 ionic 应用程序,其中 laravel 用于 api 的 . 有一些实时聊天功能的需求。

我一直在尝试使用 socket.io 之类的东西。

所以问题是不改变堆栈,我怎样才能实现它。我目前的堆栈是cordova、ionic,然后是用于服务器端的laravel mysql

这可以用当前的堆栈来实现吗?

我在这里先向您的帮助表示感谢 。

干杯!

chat socket.io laravel cordova ionic-framework

5
推荐指数
1
解决办法
3805
查看次数

拆分字符串,然后输入ng-repeat?

我有一种情况,其中一个特定的帖子的图像名称来自一个字符串:像这样:

**"i_name":"logo_v1_300px.png,logo_v1_140px.png,logo_v1_220px.png"**
Run Code Online (Sandbox Code Playgroud)

我需要拆分这个字符串并显示如下(html下面):

 <ul>
 <li><a href="#"><img src="images/photo2.png" alt=""></a></li>
 <li><a href="#"><img src="images/photo3.png" alt=""></a></li>
 <li><a href="#"><img src="images/photo4.png" alt=""></a></li> 
 </ul>
Run Code Online (Sandbox Code Playgroud)

我有过滤器分割字符串,如:

  angular.module('myFilters', []).
  filter('split', function() {
   return function(input, delimiter) {
  var delimiter = delimiter || ',';

  return input.split(delimiter);
} 
Run Code Online (Sandbox Code Playgroud)

});

现在我如何显示这些来自分割的图像:

 <div ng-repeat ="data in comments">

   mydata="{{data.text}}"

  photos
 <ul> 
   <li><a href="#"><img src="somepath"/{{data.i_name | split }}></a></li>
 </ul>
 </div>
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点.这些图像如何(coming from split string filter)以Angular方式循环?

dom angularjs angularjs-directive

2
推荐指数
1
解决办法
6892
查看次数