Question

我是Angular2的新手。为什么当我在“MODAL”中添加“routerLink”时，我在“MODAL”代码之外的同一.html上使用“routerLink”时出错了。

我有以下代码：

容器主体内的第一个routerLink工作正常：

<a href="" [routerLink]="['BuyTest']" class="list-group-item">Try Test</a>

当我点击“试用”链接时，它运行正常。但是当我在我的模态中添加相同的routerLink时，如下所示，我收到了错误

<a href="" [routerLink]="['BuyTest']" class="btn btn-info btn-lg">
   <span class="glyphicon glyphicon-shopping-cart"></span> Test more 
</a>

ERROR：

无法绑定到'routerlink'，因为它不是已知的本机属性（“ ] [routerlink] =“['BuyTest']”class =“btn btn-info btn-lg”＆gt;

<div class="container">
    <div class="row">
        <div class="col-md-3">
            <div class="panel panel-primary">
                <div class="panel-heading">
                    Support
                </div>
                <div class="list-group">
                    <a href="" [routerLink]="['BuyTest']" class="list-group-item">Buying Practice Test</a>
                </div>
            </div>
        </div>

        <!-- Modal -->
        <div class="modal" id="cart-info">
            <div class="modal-dialog">
                <!-- Modal content-->
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                        <h4 class="modal-title"><span class="glyphicon glyphicon-shopping-cart"></span> Jason's shopping cart</h4>
                    </div>
                    <div class="modal-body">
                        <div class="cartfoot">
                            testing
                        </div>
                    </div>
                    <div class="modal-footer">
                        <p style="text-align:center">
                            <a href="" [routerLink]="['BuyTest']" class="btn btn-info btn-lg">
                                <span class="glyphicon glyphicon-shopping-cart"></span> Test more  
                            </a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-9">
            <router-outlet></router-outlet>
        </div>
    </div>
</div>

请建议。

沃尔玛

Answer 1

您需要@NgModule.imports: [ RouterModule ]到您声明需要routerLink的组件的任何模块。在这种情况下，无论模块声明模态组件，您都需要imports RouterModule进入模块。

routerLink无效的弹出模式

1 个答案: