Question

如何使用angular的数据绑定更改包含文本框和下拉列表的div元素的顺序？ div的顺序应该相应地改变用户登录意味着如果用户类型是A然后div A应该在顶部，如果用户类型是B，那么div B应该在顶部而其他div元素将在那之下，依此类推..应用程序是纯粹由AngularJS制作。

这是HTML：

<div id="A"> A <input type="text" ng-model="Model.AName" disabled /></div>
<div id="B"> B <input type="text" ng-model="Model.BName" disabled /></div>
<div id="C"> C <input type="text" ng-model="Model.CName" disabled /></div>

在AngularJS控制器中：

 $scope.orderArr = [{ "A": 2}, { "B": 3 }, { "C": 1 }];

结果将是： C 一个乙

Answer 1

要管理订单，您必须创建数组表示输入。

long l = System.currentTimeMillis();
long r = l % (15*60*1000);
l -= r;
if( r / 60_000 >= 8)
     l += 15*60*1000;

然后使用循环显示它：

$scope.inputs = [
  {
    name: 'AName',
    order: 1
  },
  {
    name: 'BName',
    order: 2
  },
  {
    name: 'CName',
    order: 0
  }
];

通过这种方式，您可以通过更改属性<div id="A" ng-repeat="input in inputs | orderBy: 'order'"> {{ input.name }} <input type="text" disabled ng-model="Model[input.name]"> </div>来管理控制器中的订单。您可以创建条件语句，这取决于权限设置输入的顺序。

如何在AngularJS中交换div元素的顺序？

1 个答案: