javascript - AngularJs - 页面刷新时重新加载 Controller 的 stateProvider

Question

我有一个链接到不同页面和不同 Controller 的状态，如下所示:

.state('productEdit', {
                url: '/productEdit/:id',
                templateUrl: '/App/Main/views/products/editProduct.cshtml',
                controller: 'app.views.products.editProduct',
                controllerAs: 'vm'
            })

问题是，当我转到此页面或刷新链接页面时， Controller 不会再次初始化，因此即使我清理缓存，变量也会“卡住”。

我像这样使用 ui-sref:

          <div ng-repeat="product in vm.products" class="col-lg-4 col-md-4 col-sm-4 col-xs-4" >
                <a ui-sref="productEdit({id: product.id})">
                    <div style="padding:5px">
                        <div class="card-product">
                            <h4>
                                {{product.name}}
                            </h4>
                            <p>
                                {{product.description}}
                            </p>
                        </div>

                    </div>
                </a>
             </div>

有人知道如何让 Controller 在每次到达页面时重新加载吗？

Answer 1

我想你使用 ui-router，根据文档，你可以将可选配置传递给 ui-sref，在你的情况下应该类似于

<a ui-sref="productEdit({id: product.id})"  ui-sref-opts="{reload: true}">
                    <div style="padding:5px">
                        <div class="card-product">
                            <h4>
                                {{product.name}}
                            </h4>
                            <p>
                                {{product.description}}
                            </p>
                        </div>

                    </div>
                </a>