大括号在 angular 中未显示值

Question

以下代码未显示或更新 <p> 标记中的 nam 值。请帮忙！

<html ng-app>
<head></head>
<body>
<input ng-model = "nam.a" ng-controller = "myControl">
<p> Hello {{nam.a}}  </p>
<script>
function myControl($scope){
$scope.nam =  {
    a : "abcdefg"
};
};
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
</body>
</html>

Answer 1

你应该这样写

        <body ng-controller="myControl">
            <input ng-model = "nam.a">
            <p> Hello {{nam.a}}  </p>
         </body>

https://plnkr.co/edit/M5n5Zb3v3J9W9Mx65cub?p=preview

Answer 2

您应该在 html 页面中指定应用程序模块。

 <html ng-app="Test">

<body  ng-controller = "myControl">
<input ng-model = "nam.a"/>
<p> Hello {{nam.a}}  </p>

然后像下面这样注入模块和控制器。

var app = angular.module('Test', []);
app.controller('myControl', function($scope) {
      $scope.nam =  {
    a : "abcdefg"
};
});

Answer 3

<html>
<body ng-app="yourAppName">
  
  <div  ng-controller="myControl">
    <input ng-model="nam.a">
    <p> Hello {{nam.a}}  </p>
  </div>
  
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>

  <script>
    angular.module('yourAppName', [])
      .controller('myControl', function($scope) {
        $scope.nam = {
          a: 'abcdefg'
        }
      });
  </script>
</body>
</html>

使用angular创建一个模块（在例子中，我称之为yourAppName），你在ng-app指令中的HTML引用
将 ng-controller 指令移动到父元素，无论您在 $scope
使用 angular.module(...).controller() 创建控制器，而不是仅创建随机 JavaScript 函数

Answer 4

在您的代码中没有创建 ng-app，ng-controller 也以错误的方式绑定。这是正确的实施。看例子。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

<body>

    <div ng-app="myApp" ng-controller="myControl">

        <input ng-model="nam.a" >
        <p> Hello {{nam.a}} </p>
    </div>

    <script>
        var app = angular.module('myApp', []);
        app.controller('myControl', function ($scope) {
            $scope.nam = {
                a: "abcdefg"
            };
        });
    </script>

</body>

</html>

大括号在 angular 中未显示值

Curly braces not showing value in angular

curly-braces

angularjs

ng-controller