Javascript 角度获取变量值

Javascript 角度获取变量值,javascript,angularjs,Javascript,Angularjs,我正在学习AngularJS,我在数据绑定方面有问题。 当我试图从$scope.mytext中获取值时,我得到了{{mytext}。代码如下: <!DOCTYPE html> <html ng-app="myApp"> <head> <title>Hello</title> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4

我正在学习AngularJS,我在数据绑定方面有问题。 当我试图从
$scope.mytext
中获取值时,我得到了
{{mytext}
。代码如下:

 <!DOCTYPE html>
 <html ng-app="myApp">
      <head>
    <title>Hello</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js">
</script>
    <script>
        var MainController = function ($scope) {
        $scope.mytext = "Angular JS Rulez";
        }
    </script>
</head>
<body>
<div ng-app> 
    <div ng-controller="MainController">
        <p>{{mytext}}</p>
    </div>
</div>
</body>
</html>`

你好
var MainController=函数($scope){
$scope.mytext=“Angular JS Rulez”;
}
{{mytext}}

`
您在设置应用程序时出现了一些错误

您从未定义应用程序,您已经声明了两次
ng app
,第二次您没有为
ng app
分配任何内容,并且您引用的CDN出现错误。定义应用程序后,需要将控制器分配给此应用程序

下面的代码将适用于您,您也可以通过查看此演示来查看代码的工作情况


你好
var myApp=angular.module('myApp',[]);
myApp.controller('MainController',['$scope',函数($scope){
$scope.mytext=“Angular JS Rulez”;;
}]);
{{mytext}}


看起来您是在html中调用应用程序,但您尚未在任何地方定义它。你必须:

  • 在javascript部分定义“myApp”,然后
  • 在其上分配控制器
  • 您的代码只是调用MainController,而MainController在任何应用程序上都没有正确定义

    正如Paul提到的,这种情况下的基本设置是:

    var myApp = angular.module('myApp', []);
    
    myApp.controller(MyAppController, ['$scope', function($scope) {
       ...add $scope elements here ... 
    ]);
    

    此外,您不需要在html中两次调用ng应用程序。

    请尽最大努力正确格式化代码(包括正确的缩进)。@Knight您是否尝试了下面的代码?谢谢帮助:)
    var myApp = angular.module('myApp', []);
    
    myApp.controller(MyAppController, ['$scope', function($scope) {
       ...add $scope elements here ... 
    ]);