Нажатие объектов в массив без работы по модальному угловому js

Question

У меня проблема с нажатием элементов внутри массива модального. Я получаю неопределенное значение.

Я следил за всеми примерами, которые я могу найти, но он не работает, когда это делается на модели.

здесь является шлепнуть http://plnkr.co/edit/xMiwyw?p=preview

Мой код:

 
    var myApp = angular.module('myApp', ['ui.bootstrap']); 

    myApp.controller('ordersCtrl', 
     function ordersCtrl($scope, $modal){ 

      $scope.open = function() { 

       var modalInstance = $modal.open({ 
        templateUrl: 'myModalContent.html', 
        controller: ModalInstanceCtrl, 
        resolve: { 
        items: function() { 
         return $scope.items; 
        } 
        } 
       }); 

      }; 

    }); 

var ModalInstanceCtrl = function ($scope, $modalInstance, $http) { 

    $scope.dealerCount = []; 

    // Add a Item to the list 
    $scope.addItem = function() { 
     $scope.dealerName = dealerName; 

     $scope.dealerCount.push({ 
      name: $scope.dealerName 
     }); 

     // Clear input fields after push 
     $scope.dealerName = ""; 

    }; 

     $scope.ok = function() { 
     $modalInstance.close($scope.selected.item); 
     }; 

     $scope.cancel = function() { 
     $modalInstance.dismiss('cancel'); 
     }; 
    }; 

Модальные Шаблон:

<div class="row" id="AddItem"> 
    <div class="col-md-6"><p class="input-group"> 
    <input value="" type="text" placeholder="Name of Item" ng-model="dealerName"><button ng-click="addItem()">Add to list</button></p> 
    </div> 
</div> 
<div class="row"> 
    <tr ng-repeat="item in dealerCount" class="item-unchecked"> 
    <td><b>Dealer:</b> {{item.name}}</td> 
    </tr> 
</div> 

Answer 1

работы here

Вы должны обмениваться данными между контроллерами в некотором роде. Один из способов сделать это является создание службы

myApp.factory('data', function(){ 
    return { 
    dealerCount : [], 
    dealerName: '' 
    } 
}); 

Вы ALSE может увидеть это video для лучшего понимания