Question

angularjs的新手。我有一个球员名单。我想要做的是点击一个我希望能够创建具有特定玩家细节的叠加模式的玩家。我想我必须使用一个指令，但不知道如何用正确的播放器数据填充模态......

如果任何人能指出正确的方向，那就太棒了。

谢谢

Answer 1

我假设你想要这个，

在控制器中：

$scope.players = [{name: 'sss'}, {name: 'aaa'}];          //array of players

$scope.select = function (index) {
    $scope.selectedPlayer = $scope.players[index];
}

在模板中：

<div ng-repeat='player in players'>
    <div ng-click='select($index)'>{{player.name}}</div>
</div>

当你点击视图中的玩家时，你将获得$scope.selectedPlayer模态中的玩家对象

Answer 2

看看angular-ui/ui-bootstrap。

它有许多DOM操作组件，您习惯使用 JQueryUI 和 Twitter bootstrap 作为指令（包括模态）创建。

AngularJS使用单击来填充带有数据的模态

2 个答案: