Lo que quiero hacer con ng-show
es que aparezca este template en una URL que tiene id
(/news/:id)
. Si hay una mejor forma de hacerlo, pues mejor.
app.component('backButtonComponent', {
template: '<a ng-show=" ? " id="back-button" ng-href="/news"></a>',
controller: ['$scope','$location','$routeParams',function backButtonComponentCtrl ($scope,$location,$routeParams){
// ?
}]
});
Estilos del template:
#back-button {
position: fixed;
width: 60px;
height: 60px;
bottom: 10px;
left: 10px;
border-radius: 50%;
background: url("../svg/back.svg") no-repeat center center;
background-size: 24px 24px;
background-color: #3c3f41;
z-index: 12!important;
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); /* 6dp */
}
position: fixed;
por alguna razón deja de funcionar.#back-button
escribe.back-button
y en tutemplate
algo como<a class="back-button" ng-href="/news"></a>
. Si por casualidad tienes otro botón idéntico que has olvidado en tu HTML te dejará de funcionar ya que en HTML es ilegal tener ids repetidos.