如何在不使用 ng-repeat 的情况下显示单个对象数据?

2024-04-23

目标:- 仅显示单个对象数据。 我必须使用 ng-repeat 来获取对象吗?

我对角度比较陌生。有一个更好的方法吗?

Html 视图:-

<div ng-controller="dashboardController">
    <div ng-repeat="person in persons">
        <span class="name">{{person.name}}</span>
        <span class="title">{{person.title}}</span>
    </div>
</div>

控制器代码:-

.controller('dashboardController', ['$scope', function(scope){
    scope.persons = [
      {
        name:"George Harrison",
        title:"Goof Off extraordinaire"
      }
    ];
}])

给我的菜鸟同胞的更新,数组与单个数据集:

scope.persons = [ <-- that creates an array. Cant believe I forgot that.
scope.persons = { <-- that creates a single data set

scope.persons 是一个数组,所以你必须使用 ng-repeat。 如果你的数据是一个对象,则不需要使用 ng-repeat。 前任: 你的控制器

    .controller('dashboardController', ['$scope', function(scope){
    scope.person ={
        name:"George Harrison",
        title:"Goof Off extraordinaire"
      }

}]);

所以你的html:

<div ng-controller="dashboardController">
<div>
    <span class="name">{{person.name}}</span>
    <span class="title">{{person.title}}</span>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在不使用 ng-repeat 的情况下显示单个对象数据? 的相关文章

随机推荐