Angular正在工作,但$scope没有显示



我正在浏览关于Angular的教程。我试着按照他们的开发指南搜索,所以,我对Angular的所有版本都有点困惑。

我有一个小应用程序,一个待办事项应用程序,当应用程序加载主页模板时,我无法从HomeCtrl中获取$scope。当我加载主模板时,它显示了除了花括号{{}}中的作用域调用之外的所有内容。

以下是我的HomeCtrl.js:

blocitoff.controller('HomeCtrl', ['$scope', '$firebaseArray', '$firebaseObject', function HomCtrl ($scope, $firebaseObject, $firebaseArray) {                          
alert("hello");
var ref = firebase.database().ref();
var list = $firebaseArray(ref);
$scope.data = $firebaseObject(ref);
$scope.hello = "no way bill it worked!";                                
}]);

这是我的家。html:

<body ng-controller="HomeCtrl"> 
<div> 
<h2> hello there </h2>
<h3> {{2+5}} </h3>
I can add: {{ 1 + 2 }}.
<p> {{$scope.hello}}</p>
<p> {{ hello }} </p>
</div>
</body>

感谢您的帮助或提示。

您不能在视图(HTML)中使用$scope标识符。$scope只能在JavaScript中访问。

$scope的全部意义在于,默认情况下,视图中的表达式将引用作用域上的值。因此,如果您想访问$scope.hello,请将其称为hello,就像您已经在做的那样:

<p> {{ hello }} </p>

工作示例:

var blocitoff = angular.module('blocitoff', []);
blocitoff.controller('HomeCtrl', ['$scope', function HomCtrl ($scope) {                          
$scope.hello = "no way bill it worked!";
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="blocitoff" ng-controller="HomeCtrl"> 
<div> 
<h2> hello there </h2>
<h3> {{2+5}} </h3>
I can add: {{ 1 + 2 }}.
<p> {{ hello }} </p>
</div>
</body>

最新更新