使用$狀態的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>