Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng if中的角度json处理_Javascript_Html_Angularjs_Json - Fatal编程技术网

Javascript ng if中的角度json处理

Javascript ng if中的角度json处理,javascript,html,angularjs,json,Javascript,Html,Angularjs,Json,嗨,有人能帮我吗, 我想显示div'entry',但不知何故条件不起作用。我想根据blog_类型显示div。怎么办 以下是我的js代码: app.controller('blog_controller', function ($scope, $http) { $scope.blog=[ { middle:{

嗨,有人能帮我吗, 我想显示div'entry',但不知何故条件不起作用。我想根据blog_类型显示div。怎么办

以下是我的js代码:

        app.controller('blog_controller', function ($scope, $http) {
                        $scope.blog=[
                            {
                                 middle:{
                                    title:'THIS IS A STANDARD POST WITH A PREVIEW IMAGE',
                                    full_img:'1.jpg',
                                    content:'Asperiores',
                                    thumb:'1.jpg',
                                    date:'10th Feb 2014',
                                    blog_type:'Image'                   
                                },
                                middle:{
                                    title:'THIS IS A STANDARD POST WITH A PREVIEW IMAGE',
                                    full_img:'1.jpg',
                                    content:'Asperiores, sque.',
                                    thumb:'1.jpg',
                                    date:'5th Feb 2014',
                                    blog_type:'Video'
                                },
                           }         
                        ];
                    });
以下是我的html代码: 如果iam正在检查blog_type和display div的值,但条件仅适用于视频

          <div id="posts" class="small-thumbs alt"  ng-repeat="b in blog">
                  <div class="entry clearfix" ng-if="b.middle.blog_type == 'Image'">
                              <div class="entry-image">

                                    </div>
                    </div>
            </div>

您的
$scope.blog
对象声明错误,您正在声明一个具有重复属性的对象。对于您的场景,您必须声明数组的对象

这是有效的代码段

var-app=angular.module(“app”,[]);
app.controller('blog\u controller',函数($scope,$http){
$scope.blog=[{
标题:“这是一篇带有预览图像的标准文章”,
完整图片:“1.jpg”,
内容:“Asperiores”,
拇指:“1.jpg”,
日期:2014年2月10日,
博客类型:“图像”
}, {
标题:“这是一篇带有预览图像的标准文章”,
完整图片:“1.jpg”,
内容:“Asperiores,sque.”,
拇指:“1.jpg”,
日期:2014年2月5日,
博客类型:“视频”
}];
});

测试

您的
$scope.blog
值不正确。首先,它是单个对象的数组。此外,对象本身有多个
middle
参数,如果在严格模式下运行js,则会抛出错误<代码>在顶部使用严格的
。您需要做的是将
$scope.blog
更改为以下内容:

$scope.blog=[
{
标题:“这是一篇带有预览图像的标准文章”,
完整图片:'1.jpg',
内容:'Asperiores',
拇指:'1.jpg',
日期:2014年2月10日,
博客类型:'Image'
},
标题:“这是一篇带有预览图像的标准文章”,
完整图片:'1.jpg',
内容:'Asperiores,sque',
拇指:'1.jpg',
日期:2014年2月5日,
博客类型:“视频”
},        
];