angularjs - 如何根据传递的参数的值使用 ui-router 更改模板？

Question

我设置了以下内容：

   var questionsContent = {
        name: 'questions.content',
        parent: 'questions',
        url: '/:question',
        views: {
            'content@': {
                templateUrl: '/Content/app/questions/partials/content.html',
                controller: 'QuestionsContentController',
            }
        }
    }

我真正想要的是，如果 :question 的值是一个数字，它可以使用模板 questionDetail.html，如果不是数字，那么 content.html

有谁知道这样做的方法？

Answer 1

像这样的东西？

   var questionsContent = {
        name: 'questions.content',
        parent: 'questions',
        url: '/:question',
        views: {
            'content@': {
                templateUrl: function(stateParams) {
                    var isNumber = !isNaN(parseFloat(stateParams.question)); 
                    return isNumber ? 'questionDetail.html' : 'content.html'
                },
                controller: 'QuestionsContentController',
            }
        }
    }