Javascript 角度js中的数据绑定_Javascript_Html_Angularjs

Javascript 角度js中的数据绑定

javascript html angularjs

Javascript 角度js中的数据绑定,javascript,html,angularjs,Javascript,Html,Angularjs,当我使用这个角度的版本。 "" 我的代码运行良好。但是当我使用这个角度的版本时，我的代码不起作用。 “” 完整的HTML代码 <!DOCTYPE html> <html ng-app=""> <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script> <head> <

当我使用这个角度的版本。 "" 我的代码运行良好。但是当我使用这个角度的版本时，我的代码不起作用。 “”

完整的HTML代码

    <!DOCTYPE html>
    <html ng-app="">
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
    <head>
    <title>Angular Js Tutorial</title>
    </head>
    <body>
         <div ng-controller="Maincontroller">
             {{message}}
         </div>
        <script>
             function Maincontroller($scope)
              {
                  $scope.message = "Hii how are you";
              }
        </script>
    </body>
   </html>

从angular 1.3开始，您不能在全局范围内声明控制器

重写控制器的声明

MainController

// Declaration of the module
angular.module('myApp', []);

// Declaration of the controller
angular.module('myApp').controller('MainController', function ($scope) {
    $scope.message = "Hii how are you";
});

关于上述更改，从angular 1.3开始，将

替换为


。您不能在全局范围内声明控制器
重写控制器的声明MainController

// Declaration of the module
angular.module('myApp', []);

// Declaration of the controller
angular.module('myApp').controller('MainController', function ($scope) {
    $scope.message = "Hii how are you";
});

关于上述更改，请将
替换为
您的代码几乎没有问题
（i） 您还没有在任何地方声明模块。
（ii）对于Angular 1.3，不应全局声明控制器
这是更正后的
您的代码几乎没有问题
（i） 您还没有在任何地方声明模块。
（ii）对于Angular 1.3，不应全局声明控制器
以下是更正后的

角度Js教程
{{mainCtrl.message}
（功能（）{
"严格使用",；
有棱角的
.module（'app'，[]）；
.controller（'MainController'，['$scope'，函数MainController（$scope）{
$scope.message=“你好”；
}]);
})();

请参阅。

角度Js教程
{{mainCtrl.message}
（功能（）{
"严格使用",；
有棱角的
.module（'app'，[]）；
.controller（'MainController'，['$scope'，函数MainController（$scope）{
$scope.message=“你好”；
}]);
})();

请参阅。

角度JS控制器示例
AngularJS示例控制器应用程序


{{name}}
var mainApp=angular.module（“ukApp”，[]）；
mainApp.controller（'ukController'，函数（$scope）{
$scope.name=“Umar Farooque Khan”；
});

使用上述代码执行上述任务。

角度JS控制器示例
AngularJS示例控制器应用程序


{{name}}
var mainApp=angular.module（“ukApp”，[]）；
mainApp.controller（'ukController'，函数（$scope）{
$scope.name=“Umar Farooque Khan”；
});

使用上述代码执行上述任务。
在呈现页面时，您能否提供一些控制器代码或控制台输出？很有可能出现一些不允许从firefox控制台完成绑定的异常错误。“错误：[ng:areq]我/当页面呈现时，您可以提供一些控制器代码或控制台输出吗？很有可能出现一些不允许从firefox控制台完成绑定的异常错误。”错误：[ng:areq]我/太好了！我已经发布了相同的地下收益！我已经在下面发布了相同的内容，如果您将MainController用作mainCtrl
，请不要使用$scope
。使用this
。如果将MainController用作mainCtrl
，请不要使用$scope
。使用此。
<!DOCTYPE html>
<html ng-app="app">
  <head>
    <title>Angular Js Tutorial</title>
    <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
  </head>
  <body >
    <div ng-controller="MainController as mainCtrl">
      {{ mainCtrl.message }}
    </div>
    <script>
      (function() {
        'use strict';
        angular
          .module('app', []);
          .controller('MainController', ['$scope', function MainController($scope) {
              $scope.message = "Hii how are you";
        }]);
      })();
    </script>
  </body>
</html>

<html>
<head>
<title>Angular JS Controller Example</title>
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/
1.4.7/angular.min.js"></script>
</head>

<body>
<h2>AngularJS Sample Controller Application</h2>

<div ng-app = "ukApp" ng-controller = "ukController">
<br>         
{{name}}
</div>

<script>
var mainApp = angular.module("ukApp", []);
mainApp.controller('ukController', function($scope) { 
$scope.name= "Umar Farooque Khan";
});
</script>

</body>
</html>