使用$状态的Angularjs路由获得了原始html标签

Question

我使用下面的代码并获得了原始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> 

Answer 1

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

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

尝试：

<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>