Cuando uso el siguiente [attr.disabled] con un botón, funciona bien.

 isDisabled = true; <button [attr.disabled] = "isDisabled ? 'disabled' : null"> Click </button>

¿Qué hacer si quiero hacer lo mismo con la etiqueta svg? De la misma manera no funciona.

 <svg> <use [attr.xlink:href]="show ? '#arrow-top' : '#arrow-bottom'"></use> </svg>

Necesito deshabilitar la #flecha.

¿También hay alguna manera de combinar cursor: not-allowed y pointer-events: none sin css? Intenté esto y no funciona.

 <svg [style.cursor] = "show ? 'auto' : 'not-allowed'" [style.pointerEvents]="show ? 'auto' : 'none'"> .....</svg>