erhalten Daten von einem ngrepeated div zu einem anderen div auf Klick

Question

<div ng-app="appPage" ng-controller="appController"> 
    <div class="nav"> 
     <h1 class="logo">Todlio</h1> 
     <a href="setting.html"><i class="icon setting" style="color:#fff;font-size:1.8em;;position:absolute;top:11px;right:12px;"/></i></a> 
    </div> 
    <div class="todo"> 
     <div class="todo_column"> 
     <div style="font-weight700;text-align:center; margin:20px;"> 
      <a href="#/add" ng-click="addTodo()" class="ui basic button"> 
      <i class="add square icon"></i> 
      Add 
      </a> 
     </div> 
     <ul> 
      <a href="#/"><li ng-href="#/" ng-click="detail($index)" ng-repeat="todo in todos"> 
      <h3 ng-model="title">{{ todo.title }}</h3> 
      <h6>{{ todo.note_date }}</h6> 
      </li></a> 
     </ul> 
     </div> 
     <div class="todo_full"> 
     <div class="todo_title" ng-scope="todo in todos"> 
      <span><h1>{{ title }}</h1></span> 
      <span class="check"> 
      <i style="font-size:2em;" class="square outline icon"></i> 
      <a href="#/edit"><i class="write icon" style="font-size:1.8em;"></i></a> 
      </span> 
     </div> 

     <h4>Note:</h4> 

     <p class="todo_note">{{ note }} 
     </p> 

     </div> 
    </div> 

    </div> 

-Controller

app.controller("appController", function ($scope) { 
     $scope.todos = [ 
     {title: "Call Vaibhav", note: "", note_date: ""}, 
     {title: "Grocery", note: "Lemons, Apple and Coffee", note_date: ""}, 
     {title: "Website design for Stallioners", note: "UI/UX on xyz@mail.com", note_date: ""}, 
     {title: "Fill MCA form", note: "First search for all the colleges", note_date: "" } 
     ]; 

    $scope.detail = function(x){ 
    $scope.todos.title = $scope.title; 
    $scope.todos.note = $scope.note; 
    }; 

Ich mag unter den unterschiedlichen div zu dem geklickt Liste Artikelnamen und die Notiz angebracht bekommen Kann jemand bitte helfen . Es ist eine Todo-App die linke Hälfte hat die Liste zu Todos und die rechte Hälfte hat eine Notiz an sie oder etwas angehakt oder nicht.

Answer 1

Es gibt einige Möglichkeiten, dies zu tun. Ein einfacher Weg ist wie folgt:

1. Definieren Sie eine $ Scope-Variable mit einem Namen wie $ scope.currentTodo.
2. In der Wiederholungsschleife würde der ng-Klick eingestellt scope.currentTodo $ = todo
3. Dieser Strom Variable das todo Objekt halten, so dass Sie {{$ scope.currentTodo.title}} anstelle von {können { Titel}}
4. Graben Sie die ng-scope