简单的例子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

回答

相关问题