角度获取变量值

Knight 发表于 Dev

骑士

我正在学习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>`

保罗·菲茨杰拉德

您设置应用程序的方式存在一些错误。

您从未定义过该应用程序，您已声明了ng-app两次，第二次未分配任何内容，ng-app并且所引用的CDN出现错误。定义应用程序后，您需要将控制器分配给该应用程序。

下面的代码将为您工作，并且通过查看此jsfiddle演示，您也可以看到代码。

<!DOCTYPE html>
<html ng-app="myApp">
  <head>
     <title>Hello</title>
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>

     <script> 
          var myApp = angular.module('myApp',[]);
          myApp.controller('MainController', ['$scope', function($scope) {
               $scope.mytext = "Angular JS Rulez";;
          }]);
     </script>

  </head>
  <body>
     <div ng-controller="MainController">
        <p>{{mytext}}</p>
     </div>
 </body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。