簡単な例では、ボタンが押されたときAngularJSでデータを表示する

-3

私はこのコードで間違っていた

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

ですAngularJS？あなたは、グローバルコントローラの関数宣言で、そこから基本的には、1.3を超える角度のバージョンを使用している

出典

2016-10-10 user1929959

コントローラのあなたの宣言は、時代遅れの構文 – tymeJV

ドキュメントを読み、基本を見て、問題が何であるかを使用していますか？ –

あなたは@tymeJVのようにそれをやっているだけの古い方法に従っていることを[この回答]（http://stackoverflow.com/a/28728380/2435473）を参照することができます –

は

の変更以下のようにあなたのコントローラ、

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） –

2つのことsupoortedされていません。

アプリモジュールのインスタンスを定義する必要があります。

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でデータを表示する

答えて

関連する問題