HTML没有显示angularjs的变量值

HTML not showing Angularjs's variable value

本文关键字:变量值 angularjs 显示 HTML      更新时间:2023-09-26

我试图用以下代码在HTML中显示Angularjs的变量值:

<div ng-controller="MyTextbox">
<p>Fecha de ultima actualizacion: {{nodeID1}} </p>

下面是我的angularjs控制器的代码:

angular.module("umbraco").controller("MyTextbox", function ($scope,$routeParams) {
$scope.nodeID1 = "Hello World";

});

但是没有这样显示。任何帮助吗?

您需要将ng-app="umbraco"写在ng-controller指令之前,或者将其写在body/html标签上。

标记

<div ng-app="umbraco" ng-controller="MyTextbox">
    <p>Fecha de ultima actualizacion: {{nodeID1}} </p>
</div>

,你的应用应该是

angular.module("umbraco",[]).controller("MyTextbox", function ($scope,$routeParams) {
     $scope.nodeID1 = "Hello World";
});

注意

如果$routeParams没有添加错误,那么你的应用程序将是angular.module("umbraco",['ngRoute']),然后你需要额外添加angular-route.js

尝试:

<!DOCTYPE>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script>
   angular.module("umbraco",[]).controller("MyTextbox", ['$scope', function ($scope, $routeParams) {
    $scope.nodeID1 = "Hello World";
   }]); 
 </script>
</head>
<body >
    <h1>My Textbook</h1>
    <div ng-app="umbraco" ng-controller="MyTextbox">
      <p>Fecha de ultima actualizacion: {{nodeID1}}</p>
    </div>
</body>
</html>