2014-09-24 50 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}}它应该工作