3

我在 Angular 控制器中有一个用户对象。我还有一组 Account 对象，每个对象都有各自的 ID。

在用户中，我有一个字段“default_account”，我想在其中放置默认帐户的 ID。因此，用户可以拥有很多帐户，但只有其中一个可以是默认帐户。当我转到帐户选项时，我有一个复选框，负责将帐户设置/取消设置为默认值。

现在我想根据用户的默认设置打开/关闭复选框。而且我还需要在复选框更改时分别更改 User 对象内的 default_account 字段。我很困惑我怎么能做到这一点。

任何建议表示赞赏！

4

3 回答 3

1

非常近似（没有发短信）：

html:

       <div ng-repeat="account in accounts">
           <input type="checkbox" ng-checked="account == user.default_acount" 
                  ng-click="SelectAssDefault(account )" />
        </div>

js：

function MyCtrl($scope) {

  $scope.user = { name: 'user', default_acount: null};
  $scope.accounts = [{  }, {  }, ...];

  $scope.SelectAssDefault = function (account) {
      $scope.user.default_acount = account;
  };
}

编辑：一个工作示例：http: //jsfiddle.net/ev62U/120/

于 2013-05-30T10:03:31.173 回答
0

如果要根据变量将复选框设置为 true，可以ng-checked="variable"在输入标签内设置。

如果变量是true该框将被选中。如果是false就不会。或者，表达式也可以工作，例如ng-checked="1===1"将评估为真。

如果您想根据用户单击复选框来更改其他内容，请在ng-click="someCtrlFunction()"输入标签中进行设置。这将在您的控制器中调用一个函数。如果已绑定，您可以从控制器中查找复选框的值。

这是一个小提琴： http: //jsfiddle.net/E8LBV/10/这是代码：

HTML

<div ng-app="App">
<div ng-controller="AppCtrl">
    <ul>
        <li ng-repeat="user in users">{{user.name}}
            <ul>
                <li ng-repeat="account in user.accounts">
                    <input type="checkbox" ng-model="checked" ng-checked="account == user.default" ng-click="changeDefault(user.id,account,checked)">{{account}}</input>
                </li>
                <ul/>
        </li>
    </ul>
</div>
</div>

JS

            var app = angular.module('App', []);

            app.service('Users', function () {
                var Users = {};

                Users.data = [{
                    'id': 1,
                        'name': 'jon',
                        'default': null
                }, {
                    'id': 2,
                        'name': 'pete',
                        'default': null
                }];

                return Users;

            });

            app.service('Accounts', function () {
                var Accounts = {};

                Accounts.data = [{
                    'user': 1,
                        'ac': 123456
                }, {
                    'user': 2,
                        'ac': 456832
                }, {
                    'user': 2,
                        'ac': 345632
                }, {
                    'user': 1,
                        'ac': 677456
                }];

                return Accounts;

            });

            app.controller('AppCtrl', function ($scope, Users, Accounts) {
                $scope.users = Users.data;

                //attach accounts to user                
                for (i = 0; i < $scope.users.length; i++) {
                    $scope.users[i].accounts = [];
                    for (ii = 0; ii < Accounts.data.length; ii++) {
                        if (Accounts.data[ii].user == $scope.users[i].id) {
                            $scope.users[i].accounts.push(Accounts.data[ii].ac);
                        }
                    }
                }

                    //function to change the default account for the user
                    $scope.changeDefault = function (id, account, checked) {
                        if (!checked) {
                            return;
                        }
                        for (i = 0; i < $scope.users.length; i++) {
                            if ($scope.users[i].id == id) {
                                $scope.users[i].
                                default = account;
                            }
                        }
                    }    
            });
于 2013-05-30T09:52:37.187 回答
0

这是我的解决方案，非常适合我！

<tbody ng-repeat="account in accounts">
          <tr>
            <td ><a ng-click="getloandetails(account.idAccount)">{{account.accountName}}</a></td>
            <td>$ {{account.currentBalance}}</td>
          </tr>
</tbody>

在 Angular 方面，只需执行以下操作：

$scope.getloandetails = function(accountId) {
    alert('Gettring details for the accountId: ' + accountId);
};
于 2015-11-18T00:40:04.093 回答