angularjs – 在ng-repeat内部按钮以更新表单中的输入

发布时间：2020-12-17 17:55:31 所属栏目：安全来源：网络整理

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

我想要做的是从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',]
}

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

解决方法

您需要在作用域中创建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',]

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

试试吧. FIDDLE

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!