2014-09-24 41 views
0

我有這個模板:角JS:範圍值是不是在H1標籤顯示

問題是,我能夠NG-如果,但聲明

<h2>{{$verification.state}}</h2> 

不提供任何可見的輸出(H2標籤是空的,沒有文字)

<div ng-controller="UsersCtrl" ng-init="verifyUser()" class="jumbotron"> 
    <!- Verification Progres Icon--> 
    <p class="lead"> 
     <i ng-if="verification.state == 'progress'" class="fa fa-thumbs-o-up fa-5x"></i> 
     <i ng-if="verification.state == 'success'" class="fa fa-thumbs-o-up fa-5x"></i> 
     <i ng-if="verification.state == 'error'" class="fa fa-exclamation-circle fa-5x"></i> 
    </p> 
    <!- Verification Progres Text Description--> 
    <h2>{{$verification.state}}</h2> 
    <h2>{{$verification}}</h2> 

    <!- Verification Progres Buttons--> 
    <p> 
     <a ng-if="verification.state == 'success'" class="btn btn-lg btn-success" ng-href="#/users/login"> 
      Let me to login! 
      <span class="glyphicon glyphicon-ok"></span> 
     </a> 

     <a ng-if="verification.state == 'error'" class="btn btn-lg btn-success" ng-href="#/users/verify/token/{{verification.token}}"> 
      Try it again 
      <span class="glyphicon glyphicon glyphicon-exclamation-sign"></span> 
     </a> 
    </p> 
</div> 

在控制器我設置值模板是這樣的:

// set initial progress state 
      $scope.verification = { 
       state:"progress" 
      }; 

我該如何正確與顯示值傳遞到:

<h2>{{$verification.state}}</h2> 

感謝您的幫助。

回答

2

省略美元符號:

<h2>{{verification.state}}</h2> 
1

代替{{$verification.state}}使用{{verification.state}}它應該工作