将对象推入数组中，无法使用模态角度js

推送模式数组内的项目时遇到问题。 我得到了不确定的价值。

我跟踪了所有可以找到的示例，但在模型上完成后无法使用。

这是plunk 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>

---

在这里工作

您必须以某种方式在控制器之间共享数据。 做到这一点的一种方式是创建一项服务

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

您可能会看到此视频以获得更好的理解

链接地址: http://www.djcxy.com/p/30973.html

上一篇: Pushing objects in to an array no working on modal angular js

下一篇: click doesn't fire from within template