您可以尝试此代码我检查此代码是否正常工作，我也在使用此代码

Question

我写了这段代码

   <html ng-app>
   <head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> </script>
<script>
angular.module('scopeExample', [])
.controller('MyController', ['$scope', function($scope) {
   $scope.username = 'World';

   $scope.sayHello = function() {
   $scope.greeting = 'Hello ' + $scope.username + '!';
 };
}]); 
</script>
</head>
<body>
<div ng-controller="MyController" >
 Your name:
<input type="text" ng-model="username">
<button ng-click='sayHello()'>greet</button>
<hr>
 {{greeting}}
 </div>
</body>
</html>

代替从文本框中获取输入，它只是打印{{greeting}}，甚至文本框也没有用world初始化。

Answer 1

设置在顶部的html标记ng-app ="scopeExample"

Answer 2

定义你的ng-app =“scopeExample”，Fiddle。

angular.module('scopeExample', [])
.controller('MyController', ['$scope', function($scope) {
   $scope.username = 'World';

   $scope.sayHello = function() {
   $scope.greeting = 'Hello ' + $scope.username + '!';
 };
}]);

Answer 3

缺少应用标记模块名称，您可以在HTML中添加ng-app =“scopeExample”。

<html ng-app="scopeExample">

需要自举角度参考： - https://docs.angularjs.org/api/ng/directive/ngApp

Answer 4

function HelloCntl($area) {
    $area.test= 'Demo';
}
<div ng-controller="MyController">
  Your name: <input type="text" ng-model="test"/>
  <hr/>
  Hello {{test|| "Demo"}}!
</div>

您可以尝试此代码我检查此代码是否正常工作，我也在使用此代码

angular.js文件中的输出不正确

4 个答案:

您可以尝试此代码我检查此代码是否正常工作，我也在使用此代码