离子：双花括号“{{”未评估答案

【问题标题】：ionic: double curly braces "{{" not evaluated离子：双花括号“{{”未评估
【发布时间】：2015-07-03 16:55:31
【问题描述】：

我有一个 HTML 文件，我试图在其中显示来自控制器的变量，如下所示：

<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/services.js"></script>
<body ng-app="starter">
      <ion-pane>

          <ion-content ng-controller="ListCtr”>
              {{var}}      <!-- this is not evaluated! -->
          </ion-content>

      </ion-pane>
  </body>

输出很明显：{{scope.var}} 而不是Hello!

controllers.js 文件：

angular.module('starter.controllers', [])

.controller('DashCtrl', function($scope) {})

.controller('ChatsCtrl', function($scope, Chats) {

            $scope.chats = Chats.all();
            $scope.remove = function(chat) {
            Chats.remove(chat);
            }
            })

.controller('ChatDetailCtrl', function($scope, $stateParams, Chats) {
            $scope.chat = Chats.get($stateParams.chatId);
            })

.controller('AccountCtrl', function($scope) {
            $scope.settings = {
            enableFriends: true
            };
            })


<!-- ** This the controller, which has the referenced var ** -->
.controller('ListCtr', function ($scope) {
            $scope.var = "Hello!";
            })
;

谁能指出我做错了什么？？

【问题讨论】：

检查您的控制台，您是否遇到任何错误？是否定义了启动模块？
替换为 {{var}}..
鉴于您的<script> 标签，您可能还想包含angular.js。
解决了！这是由于控制器定义中缺少括号。
感谢大家的宝贵时间

标签： html angularjs web ionic

【解决方案1】：

您正在将var 绑定到$scope，然后您可以直接在相应的视图中引用它。删除 html 中的scope

 <ion-content ng-controller="ListCtr”>
    {{var}}
 </ion-content>

【讨论】：

对不起。这是我的问题中的一个错误。现在编辑它。我只使用{{var}}，但它仍然没有评估var。
@Alterecho 你能提供一个工作演示来重现这个错误吗？看到这个demo，两种方式的绑定效果很好。
因为是ionic，所以依赖很多，可以分享一下google drive链接吗？
@Alterecho 这是一个working ionic demo，您可以从这里开始。如果还是太复杂，可以用google drive分享给我。
解决了！这是由于控制器定义中缺少括号。