簡單的例子AngularJS

-3

與AngularJS顯示數據時，按下一個按鈕是簡單的例子AngularJS

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

<script> 
function Display($scope){ 
    $scope.show_date = function(){ 
     $scope.show=new Date(); 
    }  
} 
</script> 
</head> 
<body ng-controller="Display"> 
<button ng-click="show_date()">Show date!</button> 
<div ng-message="required"> {{show}} </div> 
</body> 
</html>

我哪裏錯了在此代碼的例子嗎？

來源

2016-10-10 user1929959

你的控制器的聲明使用過時的語法 – tymeJV

什麼是閱讀文檔，看到的基本問題？ –

你可以參考[這個答案]（http://stackoverflow.com/a/28728380/2435473），你只是按照舊的方式做它像@tymeJV說 –

您是在全域控制器的函數聲明採用了棱角分明以上版本1.3，基本上從那裏不supoorted

更改您的控制器下面，

var myApp = angular.module("myModule", []) 
myApp.controller("Display", function ($scope) 
{ 
    $scope.show_date = function(){ 
    $scope.show=new Date(); 
    }  
);

DEMO

來源

2016-10-10 16:08:55 Sajeetharan

基本上1.3+刪除控制器的全局聲明，簽出[此答案]（http://stackoverflow.com/a/28728380/2435473） –

兩件事情：

您只需要定義應用模塊的實例：

angular.module('app', [])

然後你需要註冊您的控制器將這個應用程序模塊：

點擊Run code snippet看你的代碼工作。

function DisplayCtrl($scope){ 
 
    $scope.show_date = function(){ 
 
     $scope.show=new Date(); 
 
    }  
 
} 
 

 
angular.module('app', []) 
 
    .controller('DisplayCtrl', DisplayCtrl);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="DisplayCtrl"> 
 
    <button ng-click="show_date()">Show date!</button> 
 
    <div ng-message="required"> {{show}} </div> 
 
</div>

來源

2016-10-10 16:17:54 Martin

簡單的例子AngularJS

回答

相關問題