Javascript 范围变量在视图中不绑定

我不确定为什么这个范围变量在我的视图中没有绑定

HTML:

下面是一个例子

---

更新：03/21/16

---

正如@Dsafds在他的文章中指出的，我只是忘记了包含

$scope

参数。希望AngularJS有一个线头工具

您没有将

$scope

用作控制器中的参数：

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

DemoCtrl.$inject = ['$scope']; // <----- Add annotation
app.controller('DemoCtrl', function DemoCtrl($scope) { //<------- Add $scope here
  $scope.name = 'World';
});

var-app=angular.module（'example'，[]）；
DemoCtrl.$inject=['$scope']；// 因为您忘记导入$scope：

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

app.controller('DemoCtrl', ["$scope", function($scope) {
  $scope.name = 'World';
}]);

那就行了


var-app=angular.module（'example'，[]）；
app.controller（'DemoCtrl'，[“$scope”，
职能（$范围）{
$scope.name='World'；
}
]);

你好{{name}
将
$scope作为控制器函数中的依赖项传递

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

app.controller('DemoCtrl', function($scope) {
  $scope.name = 'World';
});

你试过这个而不是范围吗？您是否尝试在模块中声明$scope？
var app = angular.module('example', []);

app.controller('DemoCtrl', ["$scope", function($scope) {
  $scope.name = 'World';
}]);

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

app.controller('DemoCtrl', function($scope) {
  $scope.name = 'World';
});