ng-repeat内的按钮可以更新表单中的输入

Question

我想要做的是从ng-repeat中更新输入字段.我为每个用户点击ng-repeat内的按钮.单击按钮时,它应更新输入字段的值,该字段位于ng-repeat之外但在同一控制器中.我刚刚开始使用Angularjs,我似乎在这里缺少一些简单的东西,但是无法理解它.任何帮助是极大的赞赏!

<div ng-app="MyApp">
    <div ng-controller="Main">
        <form name="myForm">
            <input type="email" ng-model="rootFolders">
            <button type="submit">Submit</button>
        </form> 
        <span ng-repeat="user in users" style="float:left">
            {{user.name}}<br>
            <button ng-click="rootFolders='{{user.login}}'">Load Email</button>
        </span>

    </div>
</div>

调节器

angular.module('MyApp', []);

function Main($scope) {
    $scope.rootFolders = 'bob@go.com';
    $scope.users = [
            {id:0,name:'user1',login:'user1@go.com',password:'123456'},
            {id:1,name:'user2',login:'user2@go.com',password:'123456'},
                    ]
}

这是小提琴:http://jsfiddle.net/DahDC/

Answer 1

您需要在作用域中创建ng-click操作并将用户传递给当前行.

<div ng-app="MyApp">
    <div ng-controller="Main">
        <form name="myForm">
            <input type="email" ng-model="rootFolders">
            <button type="submit">Submit</button>
        </form> <span ng-repeat="user in users" style="float:left">
            {{user.name}}<br>
            <button ng-click="loadEmail(user);">Load Email</button>
        </span>
    </div>
</div>

angular.module('MyApp', []);

function Main($scope) {
    $scope.rootFolders = 'bob@go.com';
    $scope.users = [{
        id: 0,
        name: 'user1',
        login: 'user1@go.com',
        password: '123456'
    }, {
        id: 1,
        name: 'user2',
        login: 'user2@go.com',
        password: '123456'
    }, ]

    $scope.loadEmail = function (user) {
        $scope.rootFolders = user.login;
    }
}

试试吧.小提琴