AngularJS-对象值不显示在{{}中
我必须在{{}}中显示Json中的一些值,但我看到这些值只是显示在控制台中,就在app.controller中。它只是关闭了这个app.controller,并且没有显示值。 以下是代码的一些部分:AngularJS-对象值不显示在{{}中,angularjs,view,ng-controller,ng-app,Angularjs,View,Ng Controller,Ng App,我必须在{{}}中显示Json中的一些值,但我看到这些值只是显示在控制台中,就在app.controller中。它只是关闭了这个app.controller,并且没有显示值。 以下是代码的一些部分: var app = angular.module('confusionApp',[]); app.controller('dishDetailController', function() { var dish={ name:'Uthapizza', image: 'image
var app = angular.module('confusionApp',[]);
app.controller('dishDetailController', function() {
var dish={
name:'Uthapizza',
image: 'images/uthapizza.png',
category: 'mains',
label:'Hot',
price:'4.99',
description:'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
comments: [
{
rating:5,
comment:"Imagine all the eatables, living in conFusion!",
author:"John Lemon",
date:"2012-10-16T17:57:28.556094Z"
},
{
rating:4,
comment....
和整理:
...date:"2013-12-02T17:57:28.556094Z"
},
{
rating:2,
comment:"It's your birthday, we're gonna party!",
author:"25 Cent",
date:"2011-12-02T17:57:28.556094Z"
}
]
};
this.dish = dish;
console.log(dish["name"]); console.log(dish.image); console.log(dish.category);
console.log(dish.label); console.log(dish.price); console.log(dish.description);
console.log("----------------------------------------------------------");
console.log(dish.comments[0]["rating"]); console.log(dish.comments[0]["comment"]);
console.log(dish.comments[0]["author"]); console.log(dish.comments[0]["date"]);
});
console.log(“嘿嘿!”)//这在控制台中显示得非常完美
console.log(dish.name)//但这表明。。。ReferenceError:未定义盘
在视图上,它也不工作…不显示,只是空白
....<img class="media-object img-thumbnail"
ng-src={{image}} alt="Uthappizza">
</a>
</div>
<div class="media-body">
<h2 class="media-heading">{{dish.name}}
<span class="label label-danger">{{dish.label}}</span>....
。。。。
{{dish.name}
{{dish.label}}。。。。
ngApp位于html标记中:
<html lang="en" ng-app="confusionApp">
ngController被放置在一个保存整个视图的div中:
<div class="container" ng-controller="dishDetailController">
那么…怎么了?您将控制器用作 只要转换你的
<div class="container" ng-controller="dishDetailController">
在html中使用控制器,如下所示
<div ng-app="confusionApp" ng-controller="dishDetailController as vm">
<img class="media-object img-thumbnail"
ng-src={{vm.image}} alt="Uthappizza">
<div class="media-body">
<h2 class="media-heading">{{vm.dish.name}}
<span class="label label-danger">{{vm.dish.label}}</span>
</div>
{{vm.dish.name}
{{vm.dish.label}
好的,就是这样。没有问题,如果这个答案解决了问题,请确保标记为答案。干杯:哈哈!是你吗P好兄弟!继续:)
{{ctrl.dish.name}}
<div ng-app="confusionApp" ng-controller="dishDetailController as vm">
<img class="media-object img-thumbnail"
ng-src={{vm.image}} alt="Uthappizza">
<div class="media-body">
<h2 class="media-heading">{{vm.dish.name}}
<span class="label label-danger">{{vm.dish.label}}</span>
</div>