Javascript 在Angularjs中使用$state进行路由失败

我使用了下面的代码，结果为空。但是当我检查结果时，标记就在那里，看到{{welcome}}等的表达式。。我想我在某个地方做错了，结果没能表现出来。我在Chrome的控制台中没有看到任何错误

我的app.js

app.config(function($stateProvider, $urlRouterProvider) {
      $stateProvider
      .state('threadListing', {
        url: '/', 
        templateUrl: 'threadListing.html',
          controller: 'AppCtrl'
      })

          .state('threadDetail.php', { 
              url: '/threadDetail', 
              templateUrl: 'threadDetail.html',
              controller: 'AppCtrl'
            })

      $urlRouterProvider.otherwise("/");
})

我的html是这样的

<ion-content>

<script id="threadListing.html" type="text/ng-template">
<ion-view>
<h1>Welcome {{name}}</h1>
    </ion-view>
  </script>

    <script id="threadDetail.html" type="text/ng-template">
    <ion-view>
      <h2>{{age}}</h2>
    </ion-view>
    </script>

</ion-content>

欢迎{{name}
{{age}}

应该是ui视图吗？@KiranP我指的是本教程