2016-12-03 6 views
0

私はhtmlで{{foo}}で使用する変数($ scope.fooで定義)を持っています。私はこのコードを持っている場合はクロムでしか動作しない角型プレースホルダ

$scope.foo = 'bar'; 

をHTMLがクロームバーを見せますが、Firefoxやエッジにそれだけで{{FOOを}}表示されますブラウザのコンソールは」勝ちましたエラーを表示し、角度1を使用しています。

何か助けていただきありがとうございます!

+0

は、あなたのHTMLタグが閉じていることを確認していますか?特に、ng-appとng-controllerがオンのもの – dangh

+0

はい。注意すべき点の1つは、rootScopeではfoo変数を設定し、スコープには設定しないと動作するということです(コントローラはディレクティブではなくルートに登録されていることに注意してください) – Digot

答えて

0

私はChromeとFirefoxの両方で次のスニペットテスト:

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>

関連する問題