Угловая атрибут Js маршрутизации вопрос

Question

Я хочу создать следующий URL:

http://example.com/app/rfidportals/update/6ce3cc59-aca1-48d8-8db3-7861859b4dc1/createreader

Для того, чтобы работать, я использовал угловой stateProvider. Мое определение ниже:

--- 
$stateProvider 
.state('app.rfidportals.createrfidreader', { 
    url :'/update/:id/createrfidreader', 
    templateUrl : Route.base('rfidportals/updaterfidportal.html'), 
    resolve:{ 
    assets: Route.require('toaster') 
    } 
}) 
--- 

Однако гиперссылка, что я получаю ниже: http://example.com/app/rfidportals/update//createrfidreader

Вот как я вызова URL (Я подтвердил, что Id не равно нулю):

<a ui-sref="app.rfidportals.createrfidreader({id : vm.Model.Id})" class="btn btn-sm btn-success"> 
     <em class="sidebar-item-icon"></em> 
     <span>Create Rfid Reader</span> 
    </a> 

Все, что я делаю неправильно?

Answer 1

После многократного поиска и чтения документации я смог решить проблему, используя нижеследующее изнутри углового контроллера.

$ state.go

vm.createnewreader = function(){ 
    $state.go('app.rfidportals.createrfidreader',{id:portalId}); 
}; 

В представлении я переплетены в ng-click

<button class="btn btn-sm btn-Success" ng-click="reader.createnewreader()">Create Rfid Reader 
     </button>