我正在构建一个电话簿应用程序。我有一些联系人,其中一些具有“最喜欢的”布尔值。我的联系人来自工厂。当我从我的应用程序的联系人列表中单击一个姓名时,我会在右侧获得部分联系人详细信息。所以它看起来像这样:
联系人列表:
<ul>
<li ng-repeat="person in people" ng-click="showDetails(person)">
...
主控制器(好的,我觉得这不是最好的方法。):
var selectedPersonName = null;
$scope.showDetails = function(person){
$scope.selectedPersonName = person.name;
$scope.selectedPersonCity = person.city;
}
部分联系方式:
<span ng-show="selectedPersonName == null">Select contact</span>
<ul class = "contact-details" ng-hide="selectedPersonName == null">
<li>{{selectedPersonName}}</li>
<li>{{selectedPersonCity}}</li>
</ul>
我还想显示可以更改朋友状态的复选框,无论是选中还是未选中。我尝试了几种变体,但尽管我确实设法让我的复选框显示对象的实际真/假状态,但它们都没有改变单击时的对象状态。对于我的应用程序当前的“架构”,我将不胜感激。