2015-06-05 103 views
1

我試着表現出Angularjs在HTML用下面的代碼變量值: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"; 

}) ;

但沒有顯示這種方式。 有什麼幫助嗎?

回答

1

您需要在ng-controller指令之前編寫ng-app="umbraco",或將其寫入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

+0

對不起,IM newbi ......在這裏我需要添加NG-應用= 「一把umbraco」? @pankajparkar –

+0

@KarenSantana看看我的更新回答 –

0

嘗試:

<!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> 
+0

沒有任何反應。 @Luis Menjivar –

+0

訪問[this fiddle](https://jsfiddle.net/5jycryrc/2/)並點擊運行。擊中開發人員工具並單擊控制檯查看是否有任何錯誤。或者檢查你的服務器,看看你是否有任何錯誤。 –