2016-12-03 89 views
0

工作,所以我有一个变量(由$ scope.foo定义),我在HTML使用{{FOO}}。角占位符仅适用于Chrome

如果我有这样的代码:

$scope.foo = 'bar'; 

的HTML会告诉我吧在Chrome,但在Firefox和先进的IT只会显示{{FOO}}

浏览器的控制台荣获” T显示任何错误,我采用了棱角分明1.

我明白任何形式的帮助!

+0

你确定你的HTML标签关闭?尤其是那些有ng-app和ng-controller的人。 – dangh

+0

是的。需要注意的一点是,当我在rootScope上设置foo变量而不是在作用域上时,它可以工作(请注意,控制器是使用路由注册的,而不是使用指令) – Digot

回答

0

我测试了Chrome和火狐下面的代码片段:

var app = angular.module('myApp',[]); 
 

 
    app.controller('MyCtrl', ['$scope', function($scope) { 
 
     $scope.foo= 'bar'; 
 
    }]);
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="UTF-8"> 
 

 
    <title>AngularJS Example</title> 
 

 
    <!-- AngularJS --> 
 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> 
 

 

 
</head> 
 
<body ng-app="myApp"> 
 

 
<div ng-controller="MyCtrl"> 
 
    <h1>{{foo}}</h1> 
 
</div> 
 

 
</body> 
 
</html>