Javascript 数据不';当我使用控制器-AngularJs时,不显示

Javascript 数据不';当我使用控制器-AngularJs时,不显示,javascript,angularjs,twitter-bootstrap-3,Javascript,Angularjs,Twitter Bootstrap 3,我有下面的例子,在这里我使用一个控制器。在该控制器内部,有一个json对象,其中包含一些值。但是,这些值不会显示在屏幕上 var app=module.module('myTemplate',[]); 应用控制器('alcazarController',函数(){ 阿尔卡扎帕克酒店= { 标题:“阿尔卡扎公园”, 图像:'http://www.theo-android.co.uk/github-images/alcazar.png', 描述:'Lorem ipsum dolor sit am

我有下面的例子,在这里我使用一个控制器。在该控制器内部,有一个json对象,其中包含一些值。但是,这些值不会显示在屏幕上


var app=module.module('myTemplate',[]);
应用控制器('alcazarController',函数(){
阿尔卡扎帕克酒店=
{
标题:“阿尔卡扎公园”,
图像:'http://www.theo-android.co.uk/github-images/alcazar.png',
描述:'Lorem ipsum dolor sit amet,是一位杰出的职业发展精英,他是一名临时雇员和一名大律师。他是一名小律师,他是一名普通律师。他是一名临时雇员,在一个无法律效力的地方工作除了圣约翰以外,没有人会轻率,也没有人会因为工作原因而受到惩罚。”
};
this.alcazarPark=alcazarPark;
});
正文{
背景:url(“http://www.theo-android.co.uk/github-images/wallpaper6.png)无重复;
高度:500px;
宽度:100%;
背景重复:无重复;
背景位置:中心;
背景附件:固定;
-webkit背景尺寸:封面;
-moz背景尺寸:封面;
-o-背景尺寸:封面;
背景尺寸:封面;
}
.第行内容-1{
背景色:rgba(0100200,0.8)!重要;
颜色:#fff;
保证金:0px自动;
填充:50px 0px 50px 0px;
最小高度:200px;
}

{{alcazarPark.title}

{{{alcazarPark.description}

More»

更改此选项

var-app=module.module('myTemplate',[])

对此

var-app=angular.module('myTemplate',[])

已编辑

在您的视图中,还可以将
控制器用作ctrl


{{ctrl.alcazarPark.title}

{{ctrl.alcazarPark.description}

更改此选项

var-app=module.module('myTemplate',[])

对此

var-app=angular.module('myTemplate',[])

已编辑

在您的视图中,还可以将
控制器用作ctrl


{{ctrl.alcazarPark.title}

{{ctrl.alcazarPark.description}


您忘记在控制器中插入

$scope
,然后将值分配给
$scope

试试这个

<script>
        var app = module.module('myTemplate',[]);
        app.controller('alcazarController',function($scope){
             var alcazarPark=
                         {
                           title:'Alcazar Park',
                           image: 'http://www.theo-android.co.uk/github-images/alcazar.png',
                           description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'

                        };
            $scope.alcazarPark = alcazarPark;
        });
</script>

var app=module.module('myTemplate',[]);
应用控制器('alcazarController',功能($scope){
阿尔卡扎帕克酒店=
{
标题:“阿尔卡扎公园”,
图像:'http://www.theo-android.co.uk/github-images/alcazar.png',
描述:'Lorem ipsum dolor sit amet,是一位杰出的职业发展精英,他是一名临时雇员和一名大律师。他是一名小律师,他是一名普通律师。他是一名临时雇员,在一个无法律效力的地方工作除了圣约翰以外,没有人会轻率,也没有人会因为工作原因而受到惩罚。”
};
$scope.alcazarPark=alcazarPark;
});

您忘记在控制器中插入
$scope
,然后将值分配给
$scope

试试这个

<script>
        var app = module.module('myTemplate',[]);
        app.controller('alcazarController',function($scope){
             var alcazarPark=
                         {
                           title:'Alcazar Park',
                           image: 'http://www.theo-android.co.uk/github-images/alcazar.png',
                           description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'

                        };
            $scope.alcazarPark = alcazarPark;
        });
</script>

var app=module.module('myTemplate',[]);
应用控制器('alcazarController',功能($scope){
阿尔卡扎帕克酒店=
{
标题:“阿尔卡扎公园”,
图像:'http://www.theo-android.co.uk/github-images/alcazar.png',
描述:'Lorem ipsum dolor sit amet,是一位杰出的职业发展精英,他是一名临时雇员和一名大律师。他是一名小律师,他是一名普通律师。他是一名临时雇员,在一个无法律效力的地方工作除了圣约翰以外,没有人会轻率,也没有人会因为工作原因而受到惩罚。”
};
$scope.alcazarPark=alcazarPark;
});

谢谢你的回答。但是,我仍然有同样的问题:(好得多。谢谢!谢谢你的回答。但是,我仍然有同样的问题:(好得多。谢谢!第一个答案使用ControllerAs语法更好!第一个答案使用ControllerAs语法更好!