使用Curly Braces在Internet Explorer上的AngularJS数据绑定问题

时间:2012-08-16 09:25:18

标签: javascript html internet-explorer angularjs

我在这里做错了什么?我已阅读IE Compatibility Guide,但未提及使用{{}}标记的数据绑定。这在其他浏览器上工作正常但在IE中失败(包括IE9)。

http://jsfiddle.net/yMgQ8/1/

HTML:

<html ng-app class="ng-app">

    <head></head>

    <body>
        <div ng-controller="Controller">
            <p>{{test}}</p>
        </div>
    </body>

</html>

JavaScript的:

function Controller($scope) {
    $scope.test = "Hello world";
}

我已经尝试添加兼容性指南中提到的步骤,但似乎没有解决它,除非我遗漏了一些明显的东西!

它应输出“Hello world”,但在IE上输出{{test}}。

非常感谢。

2 个答案:

答案 0 :(得分:3)

问题似乎不是有角度的,而是jsfiddle

http://plunker.no.de/BL97Av/这适用于IE9

此外,IE7或IE8兼容性是您自己的。

答案 1 :(得分:2)

供将来参考;在html元素中添加 id 属性解决了我的问题。在您的情况下,这意味着将代码更改为:

<html ng-app id="ng-app" class="ng-app">