Angular ui.router显示Bootstrap模式（弹出窗口）

Question

有人知道如何使用Boostrap工作吗？

        .state('detalleProducto', {
            modal: true,
            templateUrl: 'views/productos/detalleProducto.html',
            controller: function($scope, $state) {
                $scope.close = function() { $state.go('^'); }
            }
    });

HTML

 <td class="text-center" nowrap>
 <a class="detalleProducto" href="#detalle_producto" ui-sref="detalleProducto" title="Detalle Producto">{{producto.code}}</a>
 </td>

它只是在同一个ui视图中显示页面。

如何让弹出窗口有效？