javascript - 我失去了我的 $scope 值(value)

Question

我还是 angularJs 的新手 我试图将一个变量的值从一个页面 html 传递到另一个页面(实际上是一个模式)。两个页面共享同一个 Controller 。请帮助我诊断 pb

HTML 第 1 页:

    <button type="submit" class="btn btn-primary pull-right"  
                        data-ng-click="ctrl.nextOperation(chosenProducts,'lg')">Next</button>
                </div>  

应用程序.js:

self.nextOperation = function(chosenProducts,size)
{
    $scope.chosenProducts= chosenProducts;
    $scope.product = chosenProducts[0];
    console.log($scope.product.nameProduct);
    console.log("test test nextt Operation "+chosenProducts[0].nameProduct);       
    var modalInstance = $uibModal.open({
        animation : $scope.animationsEnabled,
        templateUrl : 'partials/operation.html',
        controller : 'ProductsController',
        scope : $scope,
        size : size,
        resolve : {
                        }
    });

};

第 2 页:

<table>
            <tbody>

              <tr class="cake-bottom" >
                <td class="cakes">                
                    <div class="product-img2">
                    </div>
                </td>
                <td class="cake-text">
                    <div class="product-text">
                        <h3>{{product.nameProduct}}</h3>
                        <p>Product Code: {{product.numSerie}}</p>
                    </div>
                </td>
                <td class="quantity">                
                  <div class="product-right">
                     <input min="1" type="number" id="quantity" name="quantity" value="" class="form-control input-small">                
                  </div>
                </td>
                <td>
                    <h4>{{product.price}}</h4>
                </td>
                <td class="btm-remove">
                 <div class="close-btm">
                   <h5>Remove</h5>
                </div>
                </td>


                 </tr>
           </tbody>
        </table>

Answer 1

从您的 $modal.open 选项中删除 controller option，这会为模态弹出窗口创建新的 Controller 实例并忽略 scope :打开弹出窗口时模态 options 的 $scope 选项。

var modalInstance = $uibModal.open({
    animation : $scope.animationsEnabled,
    templateUrl : 'partials/operation.html',
    //controller : 'ProductsController', //<-- remove controller name
    scope : $scope,
    size : size
});