Bouton à l'intérieur de ng-repeat à la mise à jour d'entrée en forme

Ce que je suis en train de faire est de mettre à jour un champ de saisie dans un ng-repeat. J'ai une ng-cliquez sur le bouton à l'intérieur de la ng-repeat pour chaque utilisateur. En cliquant sur le bouton, il doit mettre à jour la valeur du champ de saisie qui est en dehors de la ng-repeat, mais dans le même contrôleur. J'ai commencé à utiliser Angularjs et j'ai l'impression d'être en manque de quelque chose de simple ici, mais je ne peux pas le comprendre. Toute aide est grandement appréciée!

<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>

Contrôleur

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

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

Ici est le violon: http://jsfiddle.net/DahDC/

À partir de la ngRepeat doc This directive creates new scope. de Sorte que vous allez avoir à créer une méthode dans le but de réussir cette utilisateur de retourner à la portée parent

OriginalL'auteur Shea Newkirk | 2013-07-26

Vous avez besoin pour créer une ng-cliquez sur l'action dans le champ d'application et de passer de l'utilisateur pour la ligne en cours.

<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 = '[email protected]';
    $scope.users = [{
        id: 0,
        name: 'user1',
        login: '[email protected]',
        password: '123456'
    }, {
        id: 1,
        name: 'user2',
        login: '[email protected]',
        password: '123456'
    }, ]

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

De l'essayer. VIOLON

OUI! Merci beaucoup de m'aider avec ce problème plus simple. Je suis juste obtenir mes pieds mouillés avec Angularjs et je ne suis pas super familier avec le MV-* cadres, donc c'était TRÈS perspicace pour moi!

OriginalL'auteur zs2020

1

Je crois que, parce que vous faites de la mission à l'intérieur ng-cliquez à l'intérieur de ng-repeat, c'est l'assignation de l'rootFolders de propriété sur le domaine local (celui instancié par ng-répétez l'opération pour chaque élément). Donc, votre en fait l'attribution d'une nouvelle propriété sur tous les domaines locaux de ng-repeat.

J'ai la modification de votre violon explicitement le montrer. Un bon apprentissage!
```
<div ng-app="MyApp">
<div ng-controller="Main">
    <form name="myForm">
        <input type="email" ng-model="rootFolders"> {{ 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 {{ user.login }}</button><br/>
        {{ rootFolders }}
    </span>

</div>
```
C'ÉTAIT un grand point d'apprentissage et je vois clairement ce que je faisais mal. Merci pour votre temps!

OriginalL'auteur Ian Haggerty

Vous devez vous connecter pour publier un commentaire.