Javascript ng if中的角度json处理
嗨,有人能帮我吗, 我想显示div'entry',但不知何故条件不起作用。我想根据blog_类型显示div。怎么办 以下是我的js代码: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:{
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日,
博客类型:“视频”
},
];代码>