Javascript 使用$state获取原始html标记的Angularjs路由

我使用了下面的代码，得到了原始的html。我看到了{{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}}

在您的代码中，我看到没有控制器声明

您必须定义一个控制器，以便启用angular来解析占位符

尝试：

var myapp=angular.module（“myapp”，[]）；
myapp.controller（“indexController”，函数（$scope）{
$scope.name=“测试”；
$scope.age=123；
});
欢迎{{name}
{{age}}

ion内容是否为指令？我不认为您可以将脚本标记包装在指令中，然后仍然希望它充当路由的模板。@nimrod我提到了这个，我有一个控制器，只是我没有显示它。>您是否将控制器绑定到离子视图标签？？如果你真的想让ppl帮你，您应该共享能够重现问题的最小代码段。看这个示例，它不需要绑定到ion view标记的控制器，您可以只共享一个复制整个场景的plunker吗？您给出的答案表明，应该有一个绑定到ion view的控制器，我举了一个例子来证明这并不能解决我的问题。

    <script type="text/javascript">
        var myapp = angular.module("myapp", []);

        myapp.controller("indexController", function($scope) {
            $scope.name = "test";
            $scope.age = 123;
        });
    </script>

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

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