Angular ng-repeat使用ng-if

时间:2017-02-06 05:18:00

标签: angularjs laravel

欺骗我, 我的角度得到两个数组值

我想如果房屋价值id = hosue_img值为house_id,则显示house_img值。

然后我想像这段代码一样展示

kopf

但我改变了angular.js无效

rm -rf /usr/local/var/lib/elasticsearch/plugins/kopf

我该怎么办,拜托〜谢谢〜

2 个答案:

答案 0 :(得分:1)

如果您不想通过ng-repeat显示任何数据,则需要检查控制器内的条件并根据条件分配img。像是

Html

<div ng-if="check == 1">
      <img src="{{asset('house_img/')}}/@{{ok}}" >
  </div>
控制器内的

$scope.check = 0;
$scope.ok = '';
angular.forEach(houses, function(house, key) {
  angular.forEach(house_imgs, function(image, key) {
  if(houses.id == image.house_id) {
      $scope.check = 1;
      $scope.ok = image.house_img;
}
});
});

答案 1 :(得分:1)

如果您使用角度,则应在控制器中进行操作

angular.forEach($scope.houses, function(house) {
    angular.forEach($scope.house_imgs, function(img) {
        if ( img.house_id === house.id ) { 
            check = 1
            ok = img.house_img
        }
    })
})

这假定var checkvar ok已经定义。 如果您确实要在视图中进行设置,可以将<script></script>部分替换为{{ check=1;"" }}

由于你要混合laravel和angular,你必须改变角度括号插值。